jQuery子选择器:仅选择顶级子元素

问题描述

我有一个多级无序列表(ul，li):

I have a multi level unordered list (ul, li):

<ul class="onlyme">
    <li>one</li>
    <li>two</li>
    <li>
        <ul>
            <li>aaa</li>
            <li>bbb</li>
        </ul>
    </li>
</ul>

，我只希望选择 ul.onlyme 的第一个子元素.我正在使用以下jQuery选择它们

and I only want the first child elements of ul.onlyme to be selected. I am using the following jQuery to select them

$('ul.onlyme > li').click(function(){
    alert('bingo');
});

如果单击aaa或bbb，警报将出现两次.我该怎么做才能确保它只选择带有一个"和两个"的锂?

If I click aaa or bbb, the alert appears twice. What do I need to do to make sure it only selects the li's with: 'one' and 'two'?

推荐答案

如果您的意思是要排除具有嵌套ul ...

If you mean you want to exclude li elements that have a nested ul...

$('ul.onlyme > li:not(:has(ul))').click(function(){

http://jsfiddle.net/3TsNp/

这篇关于jQuery子选择器:仅选择顶级子元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！