Question

我是Jquery的新手所以请原谅我，如果我问一个简单的问题，但我需要一些帮助。

在我的HTML标记中，我有3个分区，从test1到test3的id和一个按钮。

<input type="button" id="button_click" value="ok" />
<div class="supercolor" style="width:100px;">
  <div class="colordiv" id="test1" >&nbsp;</div>
  <div class="colordiv" id="test2" >&nbsp;</div>
  <div class="colordiv" id="test3">&nbsp;</div>
</div>

我想要做的是点击按钮，我想迭代'supercolor'类中的所有div来将div的css背景更改为红色。

我现在的代码

$('#button_click').click(function(){
   $('div.supercolor').each(function() {
   $(this).css("background-color","red");
   });
});

Answer 1

$('div.supercolor div').css('background-color', 'red');

可能是你需要的。

Answer 2

$('#button_click').click(function() {
    $('.supercolor > div').css('background-color', '#f00');
});

Answer 3

实际上，如果它们将是相同的颜色，那么你可以像minitech建议的那样做。但为了完整起见。

你错过了你的.each中的div。

$('#button_click').click(function(){
   $('div.supercolor > div').each(function() {
   $(this).css("background-color","red");
   });
});

Jquery - Onclick按钮触发类中的所有div

3 个答案: