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> 

有沒有人知道問題mi ght是還是替代？

Answer 1

這不是如何DOM功能，不應該將元素添加到DOM，jQuery的調用幕後的document對象的createElement()方法，因爲傳遞給.before()第一個參數是有效.before()表前插入一個元素，但是第二個參數是不是和.after()沒有做任何事情，否則會插入表格後另一個元素，你可以使用.wrap()方法：

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