Question

我有一组带有选项的div，我已经编写了一些只选择一个选项的jQuery。

现在我想为每个div选择一个选项（class = choice）（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。

Answer 1

您可以尝试这样的事情......

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

Answer 2

假设您的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');
});

每个div只选择一个选项

2 个答案: