Question

jQuery中是否有一个选择器只引用主对象的特定子元素的第一行？我在这里指的是以下结构：

<ul>
    <li>
        <ul>
            <li></li>
        </ul>
    </li>
    <li>
        <ul>
            <li></li>
        </ul>
    </li>
</ul>

我只想将触发器应用于li的第一行而不是嵌入其中的那一行。

Answer 1

<ul class="top">
    <li>
        <ul>
            <li></li>
        </ul>
    </li>
    <li>
        <ul>
            <li></li>
        </ul>
    </li>
</ul>

$("ul.top>li")

这意味着只有ul的直接子li节点

否则，如果您无法控制类，则可以使用

$("ul:first>li")

Answer 2

以下代码仅获取ul不是li

的子元素的li元素

    $('ul').children('li');

在你的代码中，我想它会像

    $('ul li').click(function(){
        if($(this).parents('li')) {      //add extra check
             return;                    //do nothing
        }

    })

这只是提示

Answer 3

$("ul:first > li").something(); //<--

jQuery - ul中的第一行li元素

3 个答案: