javascript - 要素をループするjqueryセレクター

Question

「child-of-」値を持つ id 属性と class 属性を含む要素を選択し、セレクターによって返された要素をループする必要があります。

これまでのところ、私は書くことができました：

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

これにより、id も持たない child-of-included 要素のクラスを持つすべての要素が選択されます。そのクラスを持ちながら id 属性を持たない要素があります。「id」属性を持ち、id に何らかの値があり、child-of- のクラスを持つ要素を選択するにはどうすればよいですか。?

例えば

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

id 属性を持つ div のみを選択する必要があります。つまり、例の最初の 2 つの div です。3 番目には id 属性値がないため、選択しないでください。

score 3 · Accepted Answer

使用できますattribute selector。

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

クラスがで始まる場合は、セレクターchild-of-を使用できます。attribute starts with

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

score 1 · Accepted Answer

1

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

于 2012-08-31T14:52:09.590 に答える

score 0 · Accepted Answer

属性値を取得するには、属性セレクターを使用します。

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

score 0 · Accepted Answer

0

このセレクターを使用できます。

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

于 2012-08-31T14:43:44.137 に答える

4 に答える 4