使用jquery addclass和removeclass

Question

我正在制作一个灯箱代码，需要我使用jquery addClass，我也需要使用removeClass，但我无法做到这一点。我的代码是

 var d = this.buttons; 
     if (c("body").find("#lightbox-buttons").length < 1) { 
      this.list = c(a.template || this.template).addClass(a.position || "top").prependTo(g.utility.find("> div")); 
      d = { 
       prev: this.list.find(".btnPrev").click(g.prev), 
       next: this.list.find(".btnNext").click(g.next), 
       play_fast: this.list.find(".btnFast").click(g.play_fast).addClass(g.player_fast.isActive ? "btnPlayOn" : "") 
      } 

像这条线我也需要使用removeClass从一个更多的按钮中删除一个类。

play_fast: this.list.find(".btnFast").click(g.play_fast).addClass(g.player_fast.isActive ? "btnPlayOn" : "")

Answer 1

我想你想要的是这样的：

var d; 
if (c("body").find("#lightbox-buttons").length < 1) { 
    this.list = c(a.template || this.template).addClass(a.position || "top").prependTo(g.utility.find("> div")); 
    d = { 
     prev: this.list.find(".btnPrev").click(g.prev), 
     next: this.list.find(".btnNext").click(g.next), 
     play_fast: this.list.find(".btnFast").click(g.play_fast).addClass(g.player_fast.isActive ? "btnPlayOn" : "") 
    }; 
    //this assumes that the buttons you need to remove the class from all have the same class, in this example 'btnToRemoveClassFrom' 
    this.list.find('.btnToRemoveClassFrom').removeClass('classToRemove'); 
} 

或者如果按钮（）你需要删除类fr OM不在列表中，最后一行是简单的：

c('.btnToRemoveClassFrom').removeClass('classToRemove'); 

要检查btnPlayOn类的存在，第一，如描述的意见，使用：

if (this.list.find('.btnPlayOn').length > 0) { 
    c('.btnToRemoveClassFrom').removeClass('classToRemove'); 
} 

BTW，为什么地球上的c被用作jQuery的简写变量？在很多情况下，将之外的东西变成有意义的，但至少选择$j或者其他的东西是有意义的。

编辑：我觉得这个版本是一个小更可读：

var d; 
if (c("body").find("#lightbox-buttons").length < 1) { 
    this.list = c(a.template || this.template).addClass(a.position || "top").prependTo(g.utility.find("> div")); 
    var btnFast = this.list.find(".btnFast"); 
    d = { 
     prev: this.list.find(".btnPrev").click(g.prev), 
     next: this.list.find(".btnNext").click(g.next), 
     play_fast: btnFast.click(g.play_fast) 
    }; 

    btnFast.addClass(g.player_fast.isActive ? "btnPlayOn" : ""); 
    //this assumes that the buttons you need to remove the class from all have the same class, in this example 'btnToRemoveClassFrom' 

    if (this.list.find('.btnPlayOn').length > 0) { 
     this.list.find('.btnToRemoveClassFrom').removeClass('classToRemove'); 
    } 
} 

Answer 2

尝试像

this.list.find(".btnFast").click(function() { 
    g.play_fast(); 
    $('#el_id_here').removeClass('class_name_to_remove'); 
}).addClass(g.player_fast.isActive ? "btnPlayOn" : ""); 

或

this.list.find(".btnFast").click(function() { 
    $('#el_id_here').removeClass('class_name_to_remove'); 
    g.play_fast(); 
}).addClass(g.player_fast.isActive ? "btnPlayOn" : "");