无法在href标记上添加类[关闭]

Question

关闭。这个问题是off-topic。它当前不接受答案。

---

是否要改善此问题？ Update the question，因此堆栈溢出为on-topic。

关闭8分钟前。

点击时，我需要在href标签上添加课程。我正在使用jquery的.addclass函数，但对我不起作用。这是我的代码。

$(document).ready(function(){
  $('addClass').click(function(){
    $('addClass').removeClass("active");
    $(this).addClass("active");
});
});

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>



<a href="#" id="addClass">clickme</a><br>
<a href="#" id="addClass">clickme</a><br>
<a href="#" id="addClass">clickme</a><br>
<a href="#" id="addClass">clickme</a>

这是我的代码。问题是无法在单击href上添加类，并且如果必须已删除somoen href标记，则无法删除该类。

Answer 1

1. 您不能有重复的ID
2. 您有一个拼写错误，缺少类型选择器（在您的情况下为＃，但由于1而无法使用）

$(function() {
  $('.addClass').click(function() {
    $('.addClass').removeClass("active");
    $(this).addClass("active");
  });
});

.active  { background-color:red }

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>



<a href="#" class="addClass">clickme</a><br>
<a href="#" class="addClass">clickme</a><br>
<a href="#" class="addClass">clickme</a><br>
<a href="#" class="addClass">clickme</a>