本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。
jquery删除第3个li元素
实现思路:
选取第3个li元素
删除获取的li元素
实现方法:
选取指定位置元素可以利用
:nth-child(n)
选择器,想要选取第3个li元素,则可设置li:nth-child(3)
删除被选元素可利用remove()方法
使用 remove( ) 方法可将某个元素及其内部的所有内容删除。
实现示例:
复制代码1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(function () {
$("button").click(function () {
$("li:nth-child(3)").remove();
})
})
</script>
</head>
<body>
<ul>
<li>第1个li元素</li>
<li>第2个li元素</li>
<li>第3个li元素</li>
<li>第4个li元素</li>
<li>第5个li元素</li>
<li>第6个li元素</li>
</ul>
<button>删除第3个li元素</button>
</body>
</html>
登录后复制
【推荐学习:jQuery视频教程、web前端视频】
以上就是jquery怎么删除第3个li元素的详细内容,更多请关注靠谱客其它相关文章!
最后
以上就是安静鱼最近收集整理的关于jquery怎么删除第3个li元素的全部内容,更多相关jquery怎么删除第3个li元素内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复