javascript - 单击另一个 时给出 "selected"类，然后如果它是相同的 则删除该类

Question

我正在努力改变

$('h2 a').on('click', function(){
    $('h2 a.selected').removeClass('selected');
    $(this).addClass('selected');
});

我制作了一个 Accordion ，第一个选项卡已选择类。因此，当我单击另一个选项卡时，它会从第一个选项卡中删除 selected 类，并提供我单击的 selected 类，如果我单击刚刚打开的同一选项卡，它会删除选定的。

Answer 1

您可以使用.is()、.filter()

var h2 = $("h2 a");

h2.on("click", function() {
  if ($(this).is(".selected")) {
    $(this).removeClass("selected");
  } else {
    h2.removeClass("selected")
      .filter(this).addClass("selected")
  }
});

.selected {
  color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>
<h2>
<a>a</a>
<a>b</a>
<a>c</a>
</h2>