0

div内に含まれている特定のタイプのcssクラスのdivを反復処理することは可能ですか？

したがって、div'outerDiv'内にあり、タイプcss-'testCss'であるこのjSfiddle内のすべてのdivを反復処理します。

<div id="outerDiv">
    <div class="testCss">test1</div>
    <div class="testCss">test2</div>
    <div class="testCss">test3</div>
    <div class="testCss">test4</div>
    <div class="testCss2">ignoreThis</div>
</div>​

http://jsfiddle.net/Ya9ww/2/

4

4 に答える 4

1

それはあなたが求めてきたものですか？

$("#outerDiv div.testCss") ...

デモ: http://jsfiddle.net/Ya9ww/3/

于 2012-05-22T15:05:07.013 に答える
1 
$('#outerDiv div.testCss]').each(function() {

});
于 2012-05-22T15:05:20.937 に答える
0

これにより、質問で述べたように、すべての div を「反復」できます。これは色を設定する良い方法ではありませんが、.each()

$('#outerDiv .testCss').each(function(){
   $(this).css('color','red');
});​

デモ http://jsfiddle.net/Ya9ww/9/

于 2012-05-22T15:10:19.493 に答える
0

他のすべての人と同じように、私はあなたに提案しています：

$('#outerDiv > div.testCss]').each(function() {

});

私が伝えなければならないことの1つは、 ">" を使用して、次のようなネストされたdivを反復していないことを確認することです。

<div id="outerDiv">
    <div class="testCss">
      <div class="testCss">IgnoreThis</div>
    </div>
</div>​
于 2012-05-22T15:14:03.110 に答える