在jQuery上获取最后一个li

Question

我们有一个简单的 ul

<ul>
   <li>some text</li>
   <li>some some text</li>
   <li>text more</li>
   <li>text here</li>
</ul>

ul { text-align: center; width: 100px; }
li { width: auto; display: inline; }

所以ul可以有几行.我怎么把最后 li 一条线放在里面ul？

Answer 1

如果在UL的每一行最后李您的意思是最后一个li在每个ul,则:

$('ul li:last-child');

但是,如果你的意思是你的源代码中有几行写li在同一ul行中,而你现在想要在每行上得到最后一行,那么答案就是你做不到.DOM不关心代码中的换行符.

注意:正确的方法是给那些li单独的类.

<ul>
    <li></li><li></li><li class="last"></li>
    <li></li><li></li><li class="last"></li>
    <li></li><li></li><li class="last"></li>
</ul>

现在你可以使用CSS了

li.last { color: #444 }

和jQuery

$('li.last');

正确的方式......