j查询开关单击类图片更改

jquery switch click class picture change

本文关键字：查询 开关 单击      更新时间：2024-04-08
<tab>
<div class="switchLeft"></div>

.switchLeft
{
}
.switchRight
{
}

js code
 $("div.switchLeft").click(function () {
          if (className == "switchRight") {
            $(this).removeClass("switchRight");
            $(this).addClass("switchLeft");
        }
        else if (className == "switchLeft") {
            $(this).removeClass("switchRight");
            $(this).addClass("switchRight");
            break;
        }
    });

但除此之外，如果在之后，开关再次工作并且开关右删除 谢谢

你有 

 $(this).removeClass("switchRight");
 $(this).addClass("switchRight");

我怀疑你想要

 $(this).removeClass("switchLeft");
 $(this).addClass("switchRight");

否则，您只需添加和删除相同的类。

要访问类，您可以使用this.className或者应该$(this).attr('class') 

if($(this).attr('class') == "switchRight") {
    $(this).removeClass("switchRight");
    $(this).addClass("switchLeft");
}
else if ($(this).attr('class') == "switchLeft") {
    $(this).removeClass("switchLeft");
    $(this).addClass("switchRight");
    break;
}

有了这个.className 

if(this.className == "switchRight") {
    $(this).removeClass("switchRight");
    $(this).addClass("switchLeft");
}
else if (this.className == "switchLeft") {
    $(this).removeClass("switchLeft");
    $(this).addClass("switchRight");
    break;
}

尝试

$("div").click(function () {
    $(this).toggleClass("switchLeft switchRight");
});

http://jsfiddle.net/S4WG3/

注意：您的代码不会每次切换的原因之一是您的原始选择器。 $("div.switchLeft")只会用类switchLeft拉div，所以div s和switchRight永远不会切换回来。

相关文章：