在div中换行表然后追加一个新的div

Question

我如何在div中包装表格？

我正在使用$（“table”）。每个（function（）来定位表格然后我需要将它包含在div中这是我的代码的片段tNum只是一个序列号来给div一个唯一身份

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

这个crates [object Object]在表之前但没有strToAppend

在网页中可以看到

[object Object] 我究竟做错了什么？

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 Fiddle demo

参考文献：

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