jquery - テーブルをdivでラップし、新しいdivを追加しました

Question

テーブルをdivでラップするにはどうすればよいですか？

$（ "table"）。each（function（）を使用してテーブルを検索し、それをdivで囲む必要があります。これはコードのスニペットです。tNumは、divに一意のIDを与えるための単なる連続番号です。

     var strToAppend = "<div>Blah Blah</div>
     $(this).wrap(function(){
       return "<div class = 'tabDiv'  id='tabDiv' + tNum +">" + $(this) + "</div>" +   strToAppend;
   });

これは、テーブルの前に[object Object]をクレートしますが、strToAppendはありません

[オブジェクトオブジェクト]がWebページに表示されます何が間違っていますか？

Answer 1

$('#yourtableid').wrap('<div class="tabDiv">'); 

Answer 2

  var strToAppend = "<div>Blah Blah</div>";  


   $("table").each(function(){

    $(this).wrap('<div class="wrapper_div" />');
    $(this).parent('.wrapper_div').prepend(strToAppend);

    });

Answer 3

次の方法で目的を達成できるようです。文字列を追加するよりも複雑に見えるかもしれませんが、それでも非常に単純です。

$('table').each(
    function(i){
        var that = $(this),
            tabDiv = $('<div />',
                       {'class' : 'tabDiv',
                        'id' : 'tabDiv' + i}),
            newDiv = $('<div />').text('some text in a div element');
        that.wrap(tabDiv);
        that.parent().append(newDiv);
    });

JSフィドルデモ。

参照：

• each()。
• parent()。
• text()。
• wrap()。