欢迎访问广西陌上网络科技有限责任公司官网 · 专注企业数字化管理软件定制开发 客服热线:黄生 15678982250

jquery在指定元素节点前插入新的元素节点

更新时间:2025-04-01 浏览:3007 标签:jquery 

引入 jQuery 库:在 < head> 标签中引入 jQuery 库,这样才能使用 jQuery 的方法。

HTML 结构:包含一个无序列表 #myList 和一个按钮 #insertButton。

jQuery 代码:

当文档加载完成后,绑定按钮的点击事件。

点击按钮时,创建一个新的列表项 newItem。

使用 before() 方法将新的列表项插入到第一个列表项之前。

$(document).ready(function () {

            $('#insertButton').click(function () {

                // 创建一个新的列表项

                var newItem = $('

  • New Item
  • ');

                    // 在第一个列表项前插入新的列表项

                    $('#myList li:first').before(newItem);

                });

            });