Question

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

在Ratchet中，他们toggles使用课程toggle并点击（或点击），使用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");
   }
});

当child具有某个类时，jQuery toggleClass为父类

1 个答案: