jquery - 用 DIV 标签包装表格？

Question

我的 html 页面中有一个表格，默认情况下不显示在我的页面上...但是当用户单击页面中的某些内容时，它会出现

我想用 div 容器包装表格，我使用以下方法来做到这一点：

jQuery(document).ready(function($) {

$('table').wrap('<div id="table" />');      

});

但是当它出现时它仍然没有包裹表格..它认为我使用dom准备好的问题，当它出现在我的页面上时如何让div包裹表格

谢谢

Answer 1

试试这样：

jQuery(document).ready(function($) {
    if($('table').length){
       $('table').wrap('<div id="table" />');      
    }else{
       alert('No tables found on the page.');
    }
});

您也可以使用.load()处理程序执行此操作：

 jQuery(document).load(function($) {
    if($('table').length){
       $('table').wrap('<div id="table" />');      
    }else{
       alert('No tables found on the page.');
    }
});

Answer 2

在点击事件中使用它..

当用户点击某物时

在创建表之后而不是在document.ready. 由于何时document.ready被调用，它将无法找到动态添加的<table>..

例子..

$('#something').click(function()){
   //your codes crete table
   $('table').wrap('<div id="table" />'); 
}