循環元素jquery選擇器

Question

我必須選擇包含id屬性和class屬性的元素，它具有'child-of-'值並循環選擇器返回的元素。

到目前爲止，我可以這樣寫：

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

這將選擇所有上課的孩子，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

您可以使用attribute selector。

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

Fiddle

---

如果你的班， child-of-開始，你可以使用 attribute starts with選擇：

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

Answer 2

您可以使用此選擇：

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

Answer 3

要獲得屬性值，你會使用屬性選擇器：

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

子串的屬性選擇 - http://api.jquery.com/attribute-contains-selector/

Answer 4

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