如何使用 jQuery 将表格用 div 元素包裹起来?


若要将表格用 div 元素包裹起来,请使用 wrap() 方法。可以尝试运行以下代码,以使用 jQuery 将表格用 div 元素包裹起来 -

示例

在线演示

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
 
     $("#button1").click(function(){
        $('table').wrap('<div></div>');
    });
   
});
</script>
<style>
 div {
  background-color: gray;
 }
</style>
</head>
<body>

 <table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Will</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>

<button id="button1">Wrap</button>

</body>
</html>

更新日期:2020 年 2 月 14 日

733 次浏览

开启您的职业生涯

完成课程获得认证

立即开始
广告