如果类在 jQuery 或 JS 中，则向所有 List 元素添加 css 类

Question

我有一个嵌套导航，我想在其中动态地将箭头放置在<li> 内具有和其他导航的列表元素上。所以我必须动态添加一个类到<li>元素里面有一个特定的类。

这个想法是这个“导航”可以根据需要有多个级别，如果里面有更多的话，所有这些级别都带有<li>中的箭头。

这是我的导航的基本代码：

<ul class="nl-nav">
    <li>nothing</li>
    <li>
        <ul class="nl-nav">
            <li>nothing</li>
            <li>
                <ul class="nl-nav">
                    <li>nothing</li>    
                    <li>nothing</li>    
                </ul>
            </li>
            <li>nothing</li>
        </ul>
    </li>
</ul>

这是放置类后的样子：

<ul class="nl-nav">
    <li>nothing</li>
    <li class="arrow">
        <ul class="nl-nav">
            <li>nothing</li>
            <li class="arrow">
                <ul class="nl-nav">
                    <li>nothing</li>    
                    <li>nothing</li>    
                </ul>
            </li>
            <li>nothing</li>
        </ul>
    </li>
</ul>

Answer 1

使用jquery可以检查li是否有child(ul)，然后添加类。

$('li:has(> ul)').addClass('arrow');