选择每个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只有一个选项

回答

相关问题