【js/jQuery】在元素最前或最后添加一个新元素的方法

最新推荐文章于 2024-06-12 07:29:11 发布

愚小二

最新推荐文章于 2024-06-12 07:29:11 发布

阅读量1k

点赞数 1

分类专栏： js/jQuery 文章标签： jquery 前端 javascript

本文链接：https://blog.youkuaiyun.com/qq_33808756/article/details/132959088

版权

js/jQuery 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何在HTML页面中使用jQuery的prependTo()和appendTo()方法，在元素的开始或结束位置添加新的元素，如表格的tbody部分。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在元素最前或最后添加一个新元素的方法

在元素最前添加新元素的方法，使用 prependTo()，在元素最后面添加新元素的方法，使用 appendTo()。
代码如下：

<html>
  <head>
    <script src="https://code.jquery.com/jquery-3.6.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
      $(document).ready(function() {
        // 在元素最后面添加新元素的方法
        var htmlApp = "<tr><td>appendTo 标题</td></tr>";
        $(htmlApp).appendTo($('#table tbody:last'));

        // 在元素最前添加新元素的方法
        var htmlPre = "<tr><td>prependTo 标题</td></tr>";
        $(htmlPre).prependTo($('#table tbody:first'));
      });
    </script>
  </head>
  <body>
    <table class="layui-table" id="table" lay-filter="table">
      <thead>
        <tr>
          <td style="width:36%;">标题</td>
        </tr>
      </thead>
      <tbody>
      </tbody>
    </table>
  </body>
</html>