jquery在指定元素节点前插入新的元素节点
引入 jQuery 库:在 < head> 标签中引入 jQuery 库,这样才能使用 jQuery 的方法。
HTML 结构:包含一个无序列表 #myList 和一个按钮 #insertButton。
jQuery 代码:
当文档加载完成后,绑定按钮的点击事件。
点击按钮时,创建一个新的列表项 newItem。
使用 before() 方法将新的列表项插入到第一个列表项之前。
$(document).ready(function () {
$('#insertButton').click(function () {
// 创建一个新的列表项
var newItem = $('
// 在第一个列表项前插入新的列表项
$('#myList li:first').before(newItem);
});
});