jquery如何删除第3个li元素

这篇文章主要介绍“jquery如何删除第3个li元素”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“jquery如何删除第3个li元素”文章能帮助大家解决问题。

成都创新互联是一家专注于成都网站设计、网站制作与策划设计,霍尔果斯网站建设哪家好?成都创新互联做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:霍尔果斯等地区。霍尔果斯做网站价格咨询:028-86922220

jquery删除第3个li元素的方法:1、利用“:nth-child(n)”选择器选取第3个li元素,语法“$("li:nth-child(3)")”;2、用remove()删除被选元素及其内部内容,语法“指定li元素.remove()”。

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个li元素
  • 第2个li元素
  • 第3个li元素
  • 第4个li元素
  • 第5个li元素
  • 第6个li元素

jquery如何删除第3个li元素

关于“jquery如何删除第3个li元素”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。


文章名称:jquery如何删除第3个li元素
文章转载:http://scyanting.com/article/ghjcej.html