javascript - 当子级具有某个类时，jQuery 将Class切换到父类

Question

我正在使用Ratchet iPhone 应用程序原型(prototype)框架。

在 Ratchet 中，他们有 toggles使用类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");
   }
});