数据表row.add（[]）传递一个jQuery dom？

Question

我正在使用dataTable，并且需要将jquery dom添加到一列。 以下是我的代码：

var markup = $("<a></a>").addClass("ClassName")
            .attr({ href : "Something.html",title : "Edit"});

var t = $("#myTable").DataTable();

t.row.add( [markup] ).draw( false );

上面的代码在列中显示“ [object Object]”，而不是必需的href。

这是我的表结构：

<table id="myTable" >
 <tbody> 
 </tbody>
 </table>

我在这里做错了什么？

Answer 1

您正在传递jquery对象，请尝试像这样传递javascript对象

t.row.add( [markup[0]] ).draw( false );

因为row.add描述对dom对象说了这一点

用于新行的数据。 这可以是数组，对象，Javascript对象实例或tr元素。

特别是这部分

Javascript对象

更新

我尝试了所有可能的方法，但是它并没有以任何方式工作，似乎是DataTables的错误，但是您可以使用一种解决方法，尝试像这样添加标记

t.row.add([markup.wrap('div').parent().html()]).draw(false);

或像这样直接标记

t.row.add(['<a class="ClassName" href="Something.html" title="Edit">Edit</a>']).draw(false);

小提琴的例子