单击标签如何删除活动班级？

Question

我有一个列表，单击<a>元素会更改颜色。现在，我需要在单击其他同级<a>时将其删除，并将其添加到单击的类中。

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

.selected {
     color: red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"/>
<ul>
	<li>
		<a>First</a>
	</li>
	<li>
		<a>Second</a>
	</li>
</ul>

我知道，如果我将.selected类添加到li中，代码将起作用，但是我需要使用<a>标签来实现。有可能吗？

Answer 1

1. 在单击时，从所有选择的类别中删除选定的类别，然后将该类别添加到所单击的类别中

$('a').click(function() {
  $('a').removeClass('selected');
  $(this).addClass('selected');

});

.selected {
  color: red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li><a>First</a></li>
  <li><a>Second</a></li>
</ul>