jquery如何查找同辈元素

今天小编给大家分享一下jquery如何查找同辈元素的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

德宏州网站建设公司创新互联,德宏州网站设计制作,有大型网站制作公司丰富经验。已为德宏州近1000家提供企业网站建设服务。企业网站搭建\外贸营销网站建设要多少钱,请找那个售后服务好的德宏州做网站的公司定做!

方法有七个:1、siblings(),可获得同辈所有元素;2、next(),可获得下一个同辈元素;3、nextAll(),可获得下一个同辈的所有元素;4、prev(),可获得上一级同辈元素;5、prevAll(),获得上一级所有同辈元素等。

jquery如何查找同辈元素

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery查找同辈元素的方法有七个:siblings()、next()、nextAll()、nextUntil()、prev()、prevAll()、prevUntil()

1、siblings()方法

主要用于获得指定元素的同辈所有元素




	
		
		
		
		
	
	

		
			
    ul 
  • li (同辈节点)
  • li (上一个同辈节点)
  • li (本元素)
  • li (下一个同辈节点)
  • li (同辈节点)

jquery如何查找同辈元素

2、next()方法

主要用于获得指定元素的下一个同辈元素

$(document).ready(function() {
	$("li.start").next().css({
		"color": "red",
		"border": "2px solid red"
	});
});

jquery如何查找同辈元素

3、nextAll()方法

主要用于获得指定元素的下一个同辈的所有元素

$(document).ready(function() {
	$("li.start").nextAll().css({
		"color": "red",
		"border": "2px solid red"
	});
});

jquery如何查找同辈元素

4、nextUntil()方法

主要用于获得指定元素的下一个同辈元素,这个同级元素必须为指定元素与nextUntil()方法所设置元素之间的元素

5、prev()方法

主要用于获得指定元素的上一级同辈元素

$(document).ready(function() {
	$("li.start").prev().css({
		"color": "red",
		"border": "2px solid red"
	});
});

jquery如何查找同辈元素

6、prevAll()方法

主要用于获得指定元素上一级所有的同辈元素

$(document).ready(function() {
	$("li.start").prevAll().css({
		"color": "red",
		"border": "2px solid red"
	});
});

jquery如何查找同辈元素

7、prevUntil()方法

主要用于获得指定元素的上一个同辈元素,这个同级元素必须为指定元素与prevUntil()方法所设置元素之间的元素

以上就是“jquery如何查找同辈元素”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注创新互联行业资讯频道。


网页标题:jquery如何查找同辈元素
文章URL:http://pwwzsj.com/article/jephgo.html

其他资讯