jquery - div間のjqueryトグルクラス

Question

ユーザーが 2 つのオプションから選択する 2 つの div 要素があるとします。

ユーザーが要素をクリックしたことを示したいので、ユーザーが要素をクリックすると、クラスはスタイリングを追加します。

現在、私は基本的なことしかしていません。ユーザーは、2 つの要素のいずれかのみを選択できます。したがって、ユーザーがすでに 1 つの要素をクリックした場合は、スタイリングがあります。ユーザーが他の要素をクリックすることにした場合、前のクリックは削除され、新しいクリックでスタイルが追加されます。

  $(".ind").on("click", ->
    $(this).toggleClass("selected")
  );

うまくいけば、誰かが私を導くことができます、ありがとう!

Answer 1

両方の div に同じクラスを与えます。

<div class="ind targetDiv">This is div 1</div>

<div class="targetDiv">This is div 2</div>

次に、jQuery を使用できます。

$(".targetDiv").on("click", function() {
    $(this).toggleClass('selected').siblings().removeClass('selected');
});

デモ

Answer 2

$(".ind").on "click", ->
    $(this).siblings(".ind").removeClass("selected")
    $(this).toggleClass("selected")

Answer 3

ここに私の例がありますhttp://jsfiddle.net/omegaiori/wbcTr/

$(".ind").click (function() {
    $(this).toggleClass('selected').siblings().removeClass('selected');
});