javascript - 循环遍历元素 jquery 选择器

Question

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

到目前为止，我可以写：

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

这将选择所有具有包含子元素类但也没有 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

您可以使用attribute selector.

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

小提琴

---

如果您的课程以您开始，child-of-您可以使用attribute starts with选择器：

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

Answer 2

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

Answer 3

您可以使用此选择器：

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

Answer 4

要获取属性值，您将使用属性选择器：

$('[id*="child-of-"][class*="child-of-"]').each(function...

子字符串属性选择器 - http://api.jquery.com/attribute-contains-selector/