0

内部にオプションを含む div のセットがあります。1 つのオプションのみを選択する jQuery を既に作成しています。

ここで、div(class=blahblah) ごとに 1 つのオプション (class=choice) のみを選択したいと考えています。

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 です。

4

2 に答える 2

1

あなたの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-08T16:04:48.973 に答える
1

あなたはこのようなことを試すかもしれません...

$('.choice').click(function(){
    var myDiv = $(this);
    $('.choice').removeClass('selected_choice');
    myDiv.toggleClass('selected_choice');
});
于 2012-08-08T16:03:43.127 に答える