如果一个类在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是否有子（ul），然后添加该类。

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