选择ul中的最后一个li

Question

我在这里想要实现的是能够选择每一行中的每一个最后一个li。

我有一个带有6个列表项的ul，它们被设置为有3行和2列。我需要能够选择每行的最后一项来重置边距。

请参阅此处的示例：http://jsfiddle.net/FvBqA/162/

欢迎所有建议！

Answer 1

您可以使用CSS3 :nth-child() selector。由于CSS3可能与所有浏览器不兼容，因此请考虑jQuery's :nth-child() selector。

Answer 2

以下内容：

$('ul#some-id li:last-child');

编辑：所以如果我从你的jsfiddle中的评论中正确理解，你想得到列表中的第二，第四和第六列？

如果是，请尝试

$('ul li:nth-child(even)');

http://jsfiddle.net/FvBqA/164/

Answer 3

$(document).ready(function()
{
  $("li:odd").css("margin-right", "0");
});​

这是有效的

Answer 4

如果是jQuery，请使用:odd选择器（注意它是从零开始的，这就是为什么它不是:even）。

它的CSS版本是:nth-child(even)（一个基于，这就是为什么它不是odd），就像在这个JSFiddle：http://jsfiddle.net/FvBqA/167/

jQuery版本是:odd，就像在这个JSFiddle中一样：http://jsfiddle.net/FvBqA/171/