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树向下移动一个级别.