我需要使用 Jquery 将类“Selected”添加到锚点，唯一的方法是通过其属性“active=true”来捕获它。然后，当用户选择其他锚点时，新锚点将设置为“active=true”，并且必须是新类“Selected”，而另一个不是。
这个想法是必须区分选定的锚点。类“Selected 可能只是”.selected {color:red;}”。
When the user selects 1
<span class="paginate_numbers">
<a active="true" class="paginate_button paginate_number selected">1</a>
<a class="paginate_button paginate_number">2</a>
<a class="paginate_button paginate_number">3</a>
<a class="paginate_button paginate_number">4</a>
<a class="paginate_button paginate_number">5</a>
</span>
When the user selects 2
<span class="paginate_numbers">
<a class="paginate_button paginate_number">1</a>
<a active="true" class="paginate_button paginate_number selected">2</a>
<a class="paginate_button paginate_number">3</a>
<a class="paginate_button paginate_number">4</a>
<a class="paginate_button paginate_number">5</a>
</span>
.selected {color:red;}
没有这样的属性active。而且，您对Selected类和active属性的使用似乎是多余的，因为一个只是表示另一个。
为什么不直接为a:focus锚点创建一个 CSS 规则？
a { text-decoration:none; }
/* When an anchor gets the focus, style it. */
a:focus {color:red; background-color:#ff0; }<span class="paginate_numbers">
<a href="#" class="paginate_button paginate_number">1</a>
<a href="#" class="paginate_button paginate_number">2</a>
<a href="#" class="paginate_button paginate_number">3</a>
<a href="#" class="paginate_button paginate_number">4</a>
<a href="#" class="paginate_button paginate_number">5</a>
</span>但是，如果您必须动态添加/删除类，则可以在不涉及属性的情况下执行此操作：
// Get all the appropriate links into a set
var $paginationLiks = $(".paginate_numbers a");
// Set up a click event handler for each link
$paginationLiks.on("click", function(){
$paginationLiks.removeClass("active"); // Remove the class from all links
$(this).addClass("active"); // Add class to clicked link
});a { text-decoration:none; }
/* This class is applied to the clicked link */
.active {color:red; background-color:#ff0; }<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="paginate_numbers">
<a href="#" class="paginate_button paginate_number">1</a>
<a href="#" class="paginate_button paginate_number">2</a>
<a href="#" class="paginate_button paginate_number">3</a>
<a href="#" class="paginate_button paginate_number">4</a>
<a href="#" class="paginate_button paginate_number">5</a>
</span>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句