jQuery toggleClass到父类，当子类有一个特定的类

Question

我正在使用Ratchet框架来原型化iPhone应用程序。

在棘轮中，他们有使用类toggle和onclick(或tap)的切换，它使用toggle和active。

使用jQuery，我如何切换一个类的父父元素，所以当切换有类活动，它添加一个类(说toggle-active)到父父元素，当它没有类活动，它删除添加的类。我一直在寻找几种不同的方式，如if语句，onclick，但我还没有找到任何工作。

例如，这是我尝试的:

jQuery

$(".toggle.active").click(function() {
    $(this).parent().parent().toggleClass("toggle-active");
});

标记

<div class="toggle"><div class="toggle-handle"></div></div>

是toggleClass的问题还是它的功能?

Answer 1

点击…检查它是否有hasClass类活动，如果是，添加所需的类到parent.parent..如果没有，请删除…

试试这个

 $(".toggle").click(function() {
   if($(this).hasClass('active'){
     $(this).parent().parent().addClass("toggle-active");
     //or $(this).parents().eq(2).addClass("toggle-active"); //for find() or closest()
   }else{
     $(this).parent().parent().removeClass("toggle-active");
   }
});