函数之后的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>");