將JQuery元素添加到數據表td

Question

tableObject = $("#example1").DataTable({
    columns: [{ title: "Client Id" }, { title: "City" }]
});

var clientId = value['client_id'];
var editCitySmall = $("<small>", {
                        id: "editCity_" + clientId,
                        "onclick": "editCity('" + clientId + "')",
                        "class": "label pull-right bg-blue editTd"
                    });

tableObject.row.add([clientId, editCitySmall]).draw(false);

不是wrk，在“城市”列中打印此=> [object Object]

如何在列中插入<small> ？

Answer 1

我想您幾乎在那里，除了返回的是對象而不是DataTables期望的字符串。 嘗試這樣的事情：

var editCitySmall = $("<small/>", {
    "id": "editCity_" + clientId,
    "onclick": "editCity('" + clientId + "')",
    "class": "label pull-right bg-blue editTd"
}).prop("outerHTML");

這樣，您將返回剛剛創建的small對象的文本。

讓我知道您的生活，如果可能的話，請嘗試添加JSFiddle ...