Jquery - Onclick按钮触发一个类内的所有div

我是Jquery的新手，所以请原谅我，如果我问一个简单的问题，但我需要一些帮助。Jquery - Onclick按钮触发一个类内的所有div

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

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

我想要做的是按一下按钮，我想通过所有div迭代在“supercolor”类的div的CSS背景变为红色。

代码，我现在

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

来源

2011-05-09 maomaopop

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

来源

2011-05-09 00:52:18 alex

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

可能是你所需要的。

来源

2011-05-09 00:51:04 Ryan

我把这个问题看成是所有带有* supercolor类的div。 – wombleton 2011-05-09 00:53:52

起初，我也一样，直到编辑。所以我改变了我的。 – Ryan 2011-05-09 00:54:31

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

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

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

来源

2011-05-09 00:53:35 melaos

Jquery - Onclick按钮触发一个类内的所有div

回答

相关问题