我无法为下一行选择具有特定值类的元素
我的 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/