jquery如何获取第一个或最后一个子元素

Question

如题所述

Answer 1

1、获取第一个子元素有如下方法：
（1）:first
     举：$('div.one:first')，获取所有class="one"的Div的第一个div子元素。这里的限制在于父子元素都是同一种，即父元素如果是span标签，获取的第一个子元素也是span标签，如果父元素是table标签，获取的子元素也是table标签。
（2）:first-child
     如：$('div.one:first-child')，获取所有class="one"的Div的第一个子元素，注意是“所有”，意思是说，如果这个DIV有多外，那么获取的第一个子元素也是有多个。
（3）使用eq()方法
    如：$('div.one > span:eq(1)'),获取class="one"下的Div的第一个span子元素，同（2）一样，也是有多个Div也是获取多个Div的第一个元素。
    
    可以通过获取ID，或者直接在父层限制一个eq(1)这样的形式去获取惟一一个子元素

Answer 2

$('ul li:first');//获取ul里面的第一个li标签
$('ul li').eq(0);//根据下标来获取第一个li标签
$('ul li:last');//获取ul里面的最后一个li标签