javascript - 如何在点击标签时删除活动课程？

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>标签来实现它。可能吗？

标签： javascriptjqueryhtmlcss

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>