如何一次将同一个类添加到多个元素中？

Question

在我的网站上,我使用无序列表描述了我的产品.产品太多了.现在我想在产品按钮上添加一个小动画,它位于倒数第二个位置.我在我的css文件中创建了一个包含我的动画的类,我想在最后一个上添加这个动画li.

我知道我可以手动添加一个不同的类li,但问题是有713无序列表或产品描述.

因此,可以一次向所有倒数第二个添加一个类li.

我的产品描述看起来像.

<ul class="product_details">
   <li>Text</li>
   <li>Text</li>
   <li>Text</li>
   <li>Text</li>
   <li>Text</li>
   <li>Text</li>
   <li>Text</li>
   <li>Text</li>
   <li>Text</li>
   <li>Text</li>
   <li>Text</li>
   <li>Text</li>
   <li>Text</li>
   <li>Text</li>
   <li>Text</li>
   <li class="HERE_I_WANT_TO_ADD_THAT_CLASS">Button</li>
   <li>Text</li>
</ul>

我在互联网上搜索但没有得到解决方案.

Answer 1

使用以下内容:

$( "ul li:nth-last-child(2)" ).addClass( "CLASS_YOU_WANT_TO_ADD" );

nth-last-child将返回最后一个元素,add 2将返回列表中的第二个最后一个元素.