直接后代只有jQuery的find()

Question

是否可以使用jQuery find()或children()函数仅选择元素的直接后代？

我有几个ul元素,每个元素都包含其他ul元素,还有一些根li元素.我将一个特定的父项存储ul在一个变量中(作为一个jQuery对象),然后查找使用中的任何根li元素:my_root_ul.find('li');.

但是,如果有意义的话,这个方法也会找到li属于ul内部的任何内容ul.

我的问题是,如何li在my_root_ul对象中仅选择直接后代类型find().通常,我们可以使用类似$('ul > li')只返回直接li元素的东西,但必须可以过滤掉返回的元素？

这是一个展示我的意思的例子:

<ul>
    <li>I want this
        <ul>
            <li>I don't want this</li>
            <li>I don't want this</li>
            <li>I don't want this</li>
        </ul>
    </li>
    <li>I want this</li>
    <li>I want this</li>
</ul>

Answer 1

像这样:

my_root_ul.find('> li');

.children() 也只选择直接的孩子,所以你也可以使用它:

my_root_ul.children('li');