javascript - 遍历元素jquery选择器

Question

我必须选择包含 id 属性和具有“child-of-”值的 class 属性的元素，并循环遍历选择器返回的元素。

到目前为止我可以写:

$('.child-of-').each(function(){
...
});

这会选择所有具有 child-of- 类的元素，包括没有 id 的元素。有些元素具有该类但没有任何 id 属性。 所以我如何选择具有“id”属性且 id 具有某些值并且还具有子类的元素。 ？

例如

 <div id="any1" class="child-of-"></div>
 <div id="any2" class="child-of-"></div>
 <div class="child-of-"></div>

只有具有 id 属性的 div 必须被选中。即示例中的前两个div。第三个没有 id 属性值，因此不应选择

Answer 1

您可以使用属性选择器。

$('.child-of-[id]').each(function(){
    ...
});

Fiddle

---

如果您的类(class)以 child-of- 开头，您可以使用 attribute starts with 选择器:

$('[class^="child-of-"][id]').each(function(){
    ...
});