我的 Jquery 代码:
$('a#cusine1').on('click', function(){
$('div#product-list').html("LOADING..........").show();
$(".ccid").addClass("0");
document.getElementById("ccid1").className="active2";
});
$('a#cusine2').on('click', function(){
$('div#product-list').html("LOADING..........").show();
$(".ccid").addClass("0");
document.getElementById("ccid2").className="active2";
});
$('a#cusine3').on('click', function(){
$('div#product-list').html("LOADING..........").show();
$(".ccid").addClass("");
document.getElementById("ccid3").className="active2";
});
我的 HTML 代码
<li id="ccid1" class="ccid">
<a href="#" id="cusine1"><i class="fa fa-ticket"></i>3 Star Hotel</a> </li>
<li id="ccid2" class="ccid">
<a href="#" id="cusine2"><i class="fa fa-ticket"></i>3 Star Hotel</a> </li>
<li id="ccid3" class="ccid">
<a href="#" id= "cusine3"><i class="fa fa-ticket"></i>5 Star Hotel</a>
</li>
需要的输出:
我需要，当点击li id "ccid1"时，应该添加class "active2"。其他 li 应该只有“ccid”类。
li 的数量可能会根据 PHP 的不同而变化。
发现问题
第一次，点击li id "ccid1"，类"active2"被添加。然后，如果 li id“ccid2”点击类“active2”被添加，但是 li id “ccid1”类未设置为“0”。
最佳答案
CSS 类名不能以数字 (CSS grammar) 开头，任何元素都可以有多个类，因此如果您需要删除一个类(或将其设置为无)，您应该使用 removeClass
关于javascript - 如何使用 jquery 更改类，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30559108/