jquery - tbody jqueryごとにテーブルを追加

Question

私はいくつかのjqueryを学んでおり、プリペンドについて簡単な質問があります（私はすでにjqueryページを読んでいます）

次のようなテーブルがあります。

<table class="tableholder">
 <tr>
   <td>row 1, cell 1</td>
   <td>row 1, cell 2</td>
 </tr>
</table> 

次のように、テーブルで slideToggle 効果を実行しようとしています。

var newContent = $('.tableholder').contents();  
$("<div>").prepend(newContent).hide().prependTo("#container").slideToggle(1000)

効果は正しく実行されますが、テーブル タグが失われます。私のfirebugはこれを見せてくれます。

 <div>
   <tbody>
     <tr>
     <td>row 1, cell 1</td>
     <td>row 1, cell 2</td>
     </tr>
   </tbody>
 </div>

div内にテーブルが欲しいだけです。

Answer 1

jQuery.fn.contents要素自体ではなく、選択した要素の子のみを取得するため、手動で再度追加する必要があります。

var newContent = "<table class=\"tableholder\">" + $('.tableholder').html() + "</table>";  
$("<div>").prepend(newContent).hide().prependTo("#container").slideToggle(1000);

Answer 2

使用する.wrap()

 $(".tableholder").wrap('<div class="a" />')
                 .hide()
                 .parent('.a')
                 .prependTo("#container")
                 .slideToggle(1000)​