如何用 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 日

730 次浏览

开启你的职业生涯

完成课程获得认证

开始学习
广告