将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 ...