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

在我的网站上,我使用无序列表描述了我的产品.产品太多了.现在我想在产品按钮上添加一个小动画,它位于倒数第二个位置.我在我的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>

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

. product_details li:nth-child(16) {
    /* YOUR ANIMATION GOES HERE */
}

$('.product_details li:nth-child(16)').addClass('YOUR_ANIMATION_CLASS');