Question

是否可以迭代div和某种类型的css类中包含的div？

因此迭代这个jSfiddle中div'outerDiv'内的所有div并且类型为css - '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/

Answer 1

你一直在问这个吗？

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

DEMO： http://jsfiddle.net/Ya9ww/3/

Answer 2

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

});

Answer 3

这很好地让你＆＃34;迭代＆＃34;就像你在问题中所说的所有div一样。这不是设置颜色的好方法，但我只想展示使用.each()

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

DEMO http://jsfiddle.net/Ya9ww/9/

Answer 4

和所有其他人一样 - 我建议你：

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

});

我必须告诉一件事 - 使用“＆gt;”确保你没有迭代嵌套的div，如：

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

迭代div和特定类型的css中的div

4 个答案: