我是靠谱客的博主 安静鱼,这篇文章主要介绍jquery怎么删除第3个li元素,现在分享给大家,希望可以做个参考。

本教程操作环境: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>
登录后复制

1.gif

【推荐学习:jQuery视频教程、web前端视频】

以上就是jquery怎么删除第3个li元素的详细内容,更多请关注靠谱客其它相关文章!

最后

以上就是安静鱼最近收集整理的关于jquery怎么删除第3个li元素的全部内容,更多相关jquery怎么删除第3个li元素内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(96)

评论列表共有 0 条评论

立即
投稿
返回
顶部