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

Question

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

我的 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 .

Answer 1

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

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

添加类你可以使用

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

如果要替换类

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

如果你想在当前代码中引用

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