我怎么知道元素是最后一项？

Question

例如，我们有

<ul><li></li><li></li>....</ul>

我们不知道这些代码中有多少li标签，现在我有一个这些li元素的引用。 有一种简单的方法可以知道这个引用是否是最后一项？

Answer 1

您可以使用:last-child选择器，并检查元素是否与之​​匹配：

if( $('li').is(':last-child') ) {
    // ...
}

您应该将上面的'li'选择器替换为对元素的引用。

请注意，替换它是必要的，因为如果匹配集中的任何元素与新选择器匹配，.is()将返回true，因此您实际上只想在您的具体的清单项目。

Answer 2

$('ul li').each(function() {
   if($(this).is(':last-child')) { 
      // I am the youngest!
   }
});

Answer 3

效率最高的是在服务器上呈现时为其分配last类。

这样，简单，便宜和高效$( this ).hasClass( 'last' )就足够了。

示例：

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

jQuery的：

if ( $( this ).hasClass( 'last' ) ) { // cheap
}

_{请记住：渲染页面的大部分时间都花在客户端上，效率越高越好。}

Answer 4

$('ul li').on('click', function() {
    console.log($(this).is(':last-child'));
});