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

回答

相關問題