将类添加到每个最后一项

Question

我想在每个最后的li中添加该类“last-item”。

我尝试这个但没有成功：

<script>
$(".cbp-tm-submenu .product-categories li .children li:last-child").addClass("last-item");
<script>

我尝试将标题和页脚放在上面。

HTML：

<ul class="cbp-tm-submenu">
<img class="backgroundtooltiptop" alt="background tooltip" src="http://localhost:8888/era420/wp-content/themes/era420/images/tooltipbackgroundtop.png">
    <li id="woocommerce_product_categories-4" class="widget woocommerce widget_product_categories">
        <ul class="product-categories">
            <li class="cat-item cat-item-16 current-cat cat-parent">
            <a href="http://localhost:8888/era420/categoria-produto/lancamentos/">Lançamentos</a>
                <ul class="children">
                    <li class="cat-item cat-item-17">
                    <a href="http://localhost:8888/era420/categoria-produto/lancamentos/teste/">teste</a>
                    </li>
                    <li class="cat-item cat-item-18">...</li>
                    <li class="cat-item cat-item-19">...</li>
                </ul>
            </li>
        </ul>
    </li>
<img class="backgroundtooltipbot" alt="background tooltip bot" src="http://localhost:8888/era420/wp-content/themes/era420/images/tooltipbackgroundbot.png">
</ul>

Answer 1

这就够了：

$(".cbp-tm-submenu li:last-child").addClass("last-item");