<分区>
标签 javascript jquery css
<分区>
我有一个元素列表，其中五个元素的类名始终为“current”。元素的其余部分不会。例如:
<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>
最佳答案
与 :last选择器:
$('li.current:last').css('color', '#f00');
或者使用 slice :
$('li.current').slice(-1).css('color', '#f00');
关于javascript - 如何选择具有特定类名的最后一个元素？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21287647/