jQuery - ul 中 li 元素的第一行

发布于 2024-12-04 18:15:17 字数 350 浏览 0 评论 0原文

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

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

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

原文

Is there a selector in jQuery which refers to only first line of specific children of the main object?
What I'm referring here to is the following structure:

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

I only want apply a trigger to the first line of li not the ones embedded within them.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

怎会甘心 2024-12-11 18:15:17

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

$("ul.top>li")

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

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

$("ul:first>li")

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

$("ul.top>li")

That means only direct child li nodes of the ul

Otherwise if you don't have control of the classes you can use

$("ul:first>li")

回复收藏 0 原文

耳根太软 2024-12-11 18:15:17

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

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

回复收藏 0 原文

请止步禁区 2024-12-11 18:15:17

下面的代码将只获取代码中 ul 的子元素而不是 li 的 li 元素

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

我想它会像这样

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

    })

这只是为了给出一个提示

The following code will fetch only the li elements that are children of ul not li

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

in your code I suppose it ll be something like

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

    })

This is only to give a hint

回复收藏 0 原文

~没有更多了~