如何选择具有特定类名的最后一个元素？

Question

我有一个元素列表和五个元素将始终有类名称“当前”。元素的其余部分不会。例如：

<li class="item current"></li> 
<li class="item current"></li> 
<li class="item current"></li> 
<li class="item current"></li> 
<li class="item current"></li> 
<li class="item"></li> 
<li class="item"></li> 
<li class="item"></li> 
<li class="item"></li> 
<li class="item"></li> 
<li class="item"></li> 

如何选择类名为“current”的第五个li元素？换句话说，我想将某个样式应用到类名为“current”的最后一个元素。类名称也会根据点击按钮而改变。如果用户点击下一个按钮，第一个元素将不再具有“当前”类，第六个元素将添加“当前”类。什么上面的HTML需要的样子是：用户点击下一步按钮

<li class="item current"></li> 
<li class="item current"></li> 
<li class="item current"></li> 
<li class="item current"></li> 
<li class="item current" style="margin-right: 0;"></li> 
<li class="item"></li> 
<li class="item"></li> 
<li class="item"></li> 
<li class="item"></li> 
<li class="item"></li> 
<li class="item"></li> 

后，产生的HTML代码如下所示：

<li class="item"></li> 
<li class="item current"></li> 
<li class="item current"></li> 
<li class="item current"></li> 
<li class="item current"></li> 
<li class="item current" style="margin-right: 0;"></li> 
<li class="item"></li> 
<li class="item"></li> 
<li class="item"></li> 
<li class="item"></li> 
<li class="item"></li> 

Answer 1

尝试:last

$('.item.current:last') 

或last()

$('.item.current').last() 

Answer 2

随着:last选择：

$('li.current:last').css('color', '#f00'); 

或者用slice：

$('li.current').slice(-1).css('color', '#f00');