javascript - 函数后的 jQuery 似乎不适用于表

Question

由于我正在使用一个表格插件，我不得不在事后使用 jQuery 在表格周围添加一个 div。我正在尝试使用之前/之后的功能，但它似乎不起作用。代码在这里：http: //jsfiddle.net/LWXQK/1/

jQuery代码：

$('#dashboard').before("<div class='reclass'>");
$('#dashboard').after("</div>");

预期结果：

<div class='reclass'><table id='dashboard'></table></div>

实际结果：

<div class='reclass'></div><table id='dashboard'></table>

有谁知道问题可能是什么或替代方案？

Answer 1

DOM不是这样运行的，你应该给DOM添加一个元素，jQuery在后台调用对象的createElement()方法，因为传递给的第一个参数是有效的，在表格之前插入一个元素，但是第二个参数不是并且没有做任何事情，否则它会在表格之后插入另一个元素，您可以使用方法：document.before().before().after().wrap()

$('#dashboard').wrap("<div class='reclass'></div>");