2012-05-22 17 views
0

是否有可能迭代div中包含的div和特定類型的css類?迭代在div內的div和特定類型的css

所以遍歷所有這一切的jsfiddle內的是DIV「outerDiv」內且類型的CSS的div - 「testCss」

<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/

回答

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

}); 
+1

這是一個很奇怪的類選擇器;) – mkoryak

0

這也讓你 「迭代」 在所有喜歡你的div的你的問題說。這不是設置顏色的好辦法,但我只是想表明使用.each()

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

DEMOhttp://jsfiddle.net/Ya9ww/9/

0

像所有其他人的 - 我建議你:

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

}); 

有一兩件事我必須告訴我們 - 用「>」,以確保你沒有遍歷div的嵌套,如:

<div id="outerDiv"> 
    <div class="testCss"> 
     <div class="testCss">IgnoreThis</div> 
    </div> 
</div>​