jquery - 选择具有可变类的元素

我无法为以下行选择具有特定值的类的元素

我的HTML是

<ul class=nav>
   <li class="home">
       <a href="">HOME </a>
   </li>
   <li class="bye">
       <a href="">BYE </a>
   </li>
</ul>

<script>
$("ul.nav li").click(function(e) {
   $('.home').addClass('.newhome').removeClass('.home');
    alert("done");
});
</script>

我的CSS是

li.newhome {
    background: #678fef no-repeat;
     color:#fff;
    }

li.home{
 background: #666 no-repeat;

这是JSFiddle。

最佳答案

var lastclickedclass=".home";
var updatedlastclass=".newhome";

$(lastclickedclass)等效于$('.home')

用于添加课程，您可以使用

$('.home').addClass('.newhome');

如果要替换班级

$('.home').addClass('.newhome').removeClass('.home');

如果要引用当前代码使用

$(this).find('.home').addClass('.newhome');

关于jquery - 选择具有可变类的元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17896834/