jquery选择器如何获取父级元素、同级元素、子元素

一：获取父级元素

         1、 parent([expr]): 获取指定元素的所有父级元素 

     

$("li.third-item").parent().css('background-color', 'aqua');

         2、parents()：获得当前匹配元素集合中每个元素的祖先元素，应用选择器进行筛选是可选的。 

               

$('li.item-a').parents().css('background-color', 'red');  

         3、.closest(selector)：closest() 方法获得匹配选择器的第一个祖先元素，从当前元素开始沿 DOM 树向上。

二：获取同级元素

        1、.next(selector)
　　　　获得匹配元素紧邻的下一个同级元素。

　　2、.nextAll(selector)
 　　　　获得匹配元素后面的所有同级元素。

　　3、.prev(selector)
　　　　获得匹配元素紧邻的前一个同级元素（与next相反）

　　4、.prevAll(selector)
 　　　　获得当前匹配元素前面的所有同级元素（与nextAll相反）

　　5、andSelf(): 
　　　　获取指定元素后边的所有同级元素，之后加上指定的元素。

四、获取子元素

        1、.children(selector)
　　　　返回匹配元素的子元素。

　　2、.find(selector)
　　　　获得当前元素的后代

　　3，查找子元素：>

　　　　例如 ul下所有的li元素 var nods = $("ul > li");