仅使用 jQuery 的 find() 的直接后代

Question

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

我有几个ul 元素，每个元素里面都有其他ul 元素，还有一些根li 元素。我将特定的父 ul 存储在一个变量中（作为一个 jQuery 对象），然后使用 my_root_ul.find('li'); 查找任何根​​ li 元素。

但是，如果有意义的话，此方法还会在 ul 中找到属于 ul 的任何 li。

我的问题是，如何使用find() 在my_root_ul 对象中仅选择li 类型的直系后代。通常情况下，我们可以使用类似$('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');