单击另一个时给出一个“选定”类，然后删除该类，如果它是相同的

我想改变

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

我做了一个手风琴，第一个选项卡已selected 。 因此，当我单击另一个选项卡时，它会从第一个选项卡中删除selected类，并将我单击的selected ，如果我单击我刚打开的同一个选项卡，它将删除selected 。

Answer 1

你可以使用.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; } 

  
 a b c  

Answer 2

您能否请检查以下答案，在h2标签中添加一个类别，以便它不适用于其他h2标签。 当您单击任何一个时，只需删除“ selected ”类并在当前元素中添加“ selected ”类。

HTML：

 
 Headeing1 Headeing2 Headeing3  

jQuery的：

CSS：