189 8069 5689

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://cdxtjz.cn/article/jephgo.html

其他资讯