选择父元素的子元素

Question

我想选择父元素的子元素而我不能这样做，因为每次我使用jQuery的.find或.children方法时，它都会选择包含它的父元素而不是子元素本身。我有以下HTML结构：

<ul class="parent element">
    <li class="child1 red"></li>
    <li class="child2"></li>
    <li class="child3"></li>
    <li class="child4"></li>
    <li class="child5"></li>
    <li class="child6"></li>
</ul>

我想从li父元素中选择red类的ul。我试过了：

$("ul").find("li.red");

但它选择ul元素本身，而不是第一个li元素。如何选择第一个元素？

（第一个元素是符号，假设我们不知道li元素在哪个顺序中）

Answer 1

$("ul > li.red")

这将选择<ul>的子元素red。

Answer 2

您已经有了正确的选择，

$("ul").find("li.red")

请参阅此fiddle