用jquery给元素加一个父元素

比如用jquery给table添加父div,class为table-responsive,就这样写

$(document).ready(function() {
   $('table').wrap('<div class="table-responsive"></div>');
});

完整代码如下

<!DOCTYPE html>
<html>
<head>
  <title>添加父级容器并设置class</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
  <table>
    <tr>
      <td>表格内容</td>
    </tr>
  </table>

  <script>
    $(document).ready(function() {
      $('table').wrap('<div class="table-responsive"></div>');
    });
  </script>
</body>
</html>

在这个示例中,被添加的 <div> 元素就会具有 class 设置为 "table-responsive"

通过这种方式,你可以使用 jQuery 将一个带有指定类的 <div> 添加为 <table> 的父级容器。

这种方法同样适用于其他div。

发表回复