Question

jquery 获取同胞元素中的最后一个

获取jquery同胞元素中最后一个.

例子:
<ul>
<li id="0">list item 1</li>
<li id="1">list item 2<ul><li>a</li><li>b</li></ul></li>
<li id="2">list item 3<ul><li>a</li><li>b</li></ul></li>
</ul>
已获得$('#1') ,求通过什么方式获得它同胞元素中最后一个, 也就是获取$('#2')

我自己研究的方法:
(1). $('#1').parent().find('li:last-child').css('background-color', 'red');
缺点:把所有子元素最后一个都获取了.不合格.
(2). $("#1").siblings().last().css('background-color', 'red');
缺点:由于是点击触发事件,所以有可能我是通过id="2"的元素找最后一个(这时的结果就是它自己).但是上面这种写法却找不到.

求高手指教!!

Answer 1

$('#1').parent().find('>li:last').css('background-color', 'red');

这样用 > 号获取最接近的子元素

Answer 2

//1
$("#1").next();

//2
$("ul li:last-child")