jquery - 将表格包装在 div 中然后附加一个新的 div

Question

如何将表格包装在 div 中？

我正在使用 $("table").each(function() 来定位表，然后我需要将其包含在 div 中这是我的代码片段

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

this 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 小提琴演示。

参考：

• each().
• parent().
• text().
• wrap().