選擇每個div只有一個選項

我有一組div，裏面有選項，我已經寫了一些只選擇一個選項的jQuery。選擇每個div只有一個選項

現在我想只選擇一個選項（class = choice）每個div（class = blahblah）。

下面是HTML：

<div class="blahblah"id="finish_colour"> 
<div class="choice"></div> 
<div class="choice"></div> 
<div class="choice"></div> 
</div> 

<div class="blahblah"id="main_colour"> 
<div class="choice"></div> 
<div class="choice"></div> 
<div class="choice"></div> 
</div>

這裏是jQuery的：

$('.choice').click(function(){ 

    $('.choice').not(this).removeClass('selected_choice'); 
    $(this).toggleClass('selected_choice'); 
});

div的都具有相同的類，但如果不同的ID的多數民衆贊成任何幫助。

來源

2012-08-08 twgoff

請發佈您的HTML和/或jsFiddle示例。 – j08691 2012-08-08 15:54:36

顯示一些HTML以便更好地理解 – 2012-08-08 15:59:27

我已經添加了一個我正在使用的HTML的示例，不要認爲下面的答案是任何幫助（主要是因爲我缺乏HTML和較差的解釋） – twgoff 2012-08-08 17:03:29

假設你的HTML是這樣的，

<div> 
    <div class="choice"></div> 
    <div class="choice"></div> 
    <div class="choice"></div> 
</div>

您可以修改它是每個這樣的div，

$('.blahblah .choice').click(function(){ 
    $(this).siblings('.choice').removeClass('selected_choice'); 
    $(this).toggleClass('selected_choice'); 
});

來源

2012-08-08 16:04:48 Andrew

謝謝@Andrew！ – twgoff 2012-08-09 07:58:48

你可以嘗試這樣的事情......

$('.choice').click(function(){ 
    var myDiv = $(this); 
    $('.choice').removeClass('selected_choice'); 
    myDiv.toggleClass('selected_choice'); 
});

來源

2012-08-08 16:03:43 krawl

選擇每個div只有一個選項

回答

相關問題