<script type="text/javascript">
$(function({
// 创建第一个<li>元素(香蕉)
$("ul").append($("<li title='香蕉'>香蕉</li>"))
// 创建第二个<li>元素(雪梨)
$("ul").append($("<li title='雪梨'>雪梨</li>"))
// 创建第三个<li>元素(其他)
$("ul").append($("<li title='其他'>其他</li>"))
// 获取<ul>节点,即<li>的父节点
// 获取<ul>节点中第二个<li>元素节点(橘子)
aelrt($("li:eq(1)").text())
//1、将创建的第一个<li>元素添加到父元素的最后面(把香蕉放在最后边)
$("li:last").after($("<li title='香蕉'>香蕉</li>"))
//2、将创建的第二个<li>元素添加到父元素里的最前面(把雪梨放在最前边)
$("li:first").before($("<li>雪梨</li>"))
//3、将创建的第三个<li>元素元素插入到获取的<li>$two_li之后(把其他放在橘子后面)
$("li:eq(2)").after($("<li title='其他'>其他</li>"))`在这里插入代码片`
})
</script>
插入节点
最新推荐文章于 2021-04-16 10:47:51 发布