javascript - 当孩子有某个类时，jQuery toggleClass 到父类

Question

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

在 Ratchet 中，他们有使用类和 onclick（或点击）的切换，它使用和.toggletoggleactive

使用 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");
   }
});