find（）或children（）仅针对样式搜索顶级子级？

Question

我想查找是否存在具有两种类型样式的子元素。我的代码如下所示：

var listOfMatchedResults = $("#parentList").find(".myStyle1, .myStyle2");

我的风格定义如下：

.parent li, .myStyle0 {
}

.parent li.myStyle1 {
}

.parent li.myStyle2 {
}

我不需要遍历比儿童级别更深的一个级别，例如：

<ul id='parentList'>
    <li><p>foo</p><p>grok</p></li>
    <li class='myStyle2'><p>Here</p><p>I am!</p></li>
    <li><p>foo</p><p>grok</p></li>
</ul>

我不清楚find（）正在做什么，它是否也会进入每个段落元素？我只需要它来遍历顶级孩子 - 有没有办法指定它？

谢谢

Answer 1

  

我不清楚find（）正在做什么，它是否也会进入每个段落元素？

是的，

  

我只需要它来遍历顶级孩子 - 有没有办法指定那个？

是的，请使用.children()

来自API Doc：

  

.find（）和.children（）方法类似，只是后者只沿DOM树向下移动一层。