我如何在文章的每个表之前添加div标签,并使用javascript在table closing标签之后添加div closeing标签

时间:2016-10-16 08:54:59

标签: javascript jquery html

我想在<div class="">之前添加<table>,在</div>之后使用javascript动态添加</table>。我怎么做。

2 个答案:

答案 0 :(得分:1)

你有jQuery作为标记,所以假设你已经拥有它,你可以使用wrap()函数。

包装你可以做的所有表

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

答案 1 :(得分:0)

您正在寻找:

&#13;
&#13;
$(document).ready(function(){
    //before added
    console.log($('.main-content').html());
  
    $("button").click(function(){
       $("table").wrap("<div class='AddedTag'></div>");
       //after added
       console.log($('.main-content').html());
    });
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

 <div class="main-content">
  
   <table>
    <tr>
      <th>Test table col</th>
    </tr>
  </table>
   
 </div>
 <button>Click to add</button>
&#13;
&#13;
&#13;