jquery兄弟标签_jquery 子元素及兄弟元素选择器

.children()

获得匹配元素集合中每个元素的子元素，选择器选择性筛选。

• list item 1
• list item 2

ss

list item 3

$(function(){

$('ul').children().css({'color':'#900'});

});

.find()

通过一个选择器，jQuery对象，或元素过滤，得到当前匹配的元素集合中每个元素的后代。

• list item 1
• list item 2

ss

list item 3

$(function(){

$('ul').find('p').css({'color':'#900'});

});

.next()

取得匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。如果提供一个选择器，那么只有紧跟着的兄弟元素满足选择器时，才会返回此元素。

• list item 1
• list item 2
• list item 3

$(function(){

$('li:eq(0)').next().css({'color':'#900'});

});

.nextAll()

获得每个匹配元素集合中所有下面的同辈元素，选择性筛选的选择器。

• list item 1
• list item 2
• list item 3

$(function(){

$('li:eq(0)').nextAll().css({'color':'#900'});

});

.nextUntil()

通过选择器，DOM节点，或jQuery对象得到每个元素之后的所有兄弟元素，但不包括匹配的元素。

• list item 1
• list item 2
• list item 3
• list item 4

$(function(){

$('li:eq(0)').nextUntil('li:eq(3)').css({'color':'#900'});

});

.parent()

取得匹配元素集合中，每个元素的父元素，可以提供一个可选的选择器。

.parents()

获得集合中每个匹配元素的祖先元素，可以提供一个可选的选择器作为参数。

.parents()

获得集合中每个匹配元素的祖先元素，可以提供一个可选的选择器作为参数。

.parentsUntil()

查找当前元素的所有的前辈元素，直到遇到选择器， DOM 节点或 jQuery 对象匹配的元素为止，但不包括这些元素。

.prev()

取得一个包含匹配的元素集合中每一个元素紧邻的前一个同辈元素的元素集合。选择性筛选的选择器。

.prevAll()

获得集合中每个匹配元素的所有前面的兄弟元素，选择性筛选的选择器。

.prevUntil()

获取每个元素但不包括选择器，DOM节点，或者jQuery对象匹配的元素的所有前面的兄弟元素。

.siblings()

获得匹配元素集合中每个元素的兄弟元素,可以提供一个可选的选择器。

• list item 1
• list item 2
• list item 3
• list item 4

$(function(){

$('li:eq(1)').siblings().css({'color':'#900'});

});