Javascript 只切换上一个类

如果你看这把小提琴，我有菜单。如果单击加号，它将旋转并成为x

我想要实现的是，如果你点击文本内的[Close]，它会再次旋转x并关闭菜单

我试过使用.nestest（）和.prev（），但都不起作用

$('.close').click(function(){
$(this).closest('.plus').toggleClass('rotated');
});

用于查找匹配的祖先元素，这里的

plus

不是

close

的祖先，而是另一个祖先元素的兄弟

您可以在同一个`project元素中找到

plus

$(this).closest('.project').find('.plus').toggleClass('rotated');

$（“.singleproject”）.hide（）；
$（“.plus”）。单击（函数（）{
$（this.next（'.singleproject'）.toggle（）；
});
$（“.singleproject”）.hide（）；
$（“.close”）。单击（函数（）{
$（this.parent（'.singleproject'）.toggle（）；
});
$（'.plus'）。单击（函数（）{
$（this.toggleClass（'rotated'）；
});
$（'.close'）。单击（函数（）{
$（this）.closest（'.project'）.find（'.plus'）.toggleClass（'rotated'）；
});
.titolo，
.另外{
浮动：左；
字号：18px；
}
.另外{
-webkit过渡：所有.2易用性；
-moz转换：所有.2秒易用；
-o-过渡：所有.2秒容易进入；
过渡：所有。2放松；
浮动：对；
光标：指针；
}
.项目{
填充底部：40px；
边缘底部：20px；
底部边框：2件纯黑；
}
.轮换{
-webkit变换：旋转（45度）；
-moz变换：旋转（45度）；
-o变换：旋转（45度）；
-ms变换：旋转（45度）；
变换：旋转（45度）；
}

标题
+




123

[结束]
标题
+




123

[结束]
标题
+




123

[结束]
标题
+




123

[结束]
.plus
是父代的兄弟姐妹，因此您需要再上一层，然后
查找

$('.close').click(function(){
   $(this).closest('.project').find('.plus').toggleClass('rotated');
});

您必须获取父项目
singleproject
，然后在其中找到相应的
plus
：

$(".close").click(function() {
  $(this).parent('.singleproject').toggle();
    $(this).closest('.project').find('.plus').toggleClass('rotated');
});

使用“最近”从中查找父类项目查找类加号

试试这个；）


$（“.plus”）。单击（函数（）{
$（this.next（'.singleproject'）.toggle（）；
$（this.toggleClass（'rotated'）；
});
$（“.close”）。单击（函数（）{
$（this）.closest（'.project'）。find（'.plus'）。trigger（'click'）；
});
.titolo，
.另外{
浮动：左；
字号：18px；
}
.另外{
-webkit过渡：所有.2易用性；
-moz转换：所有.2秒易用；
-o-过渡：所有.2秒容易进入；
过渡：所有。2放松；
浮动：对；
光标：指针；
}
.项目{
填充底部：40px；
边缘底部：20px；
底部边框：2件纯黑；
}
.轮换{
-webkit变换：旋转（45度）；
-moz变换：旋转（45度）；
-o变换：旋转（45度）；
-ms变换：旋转（45度）；
变换：旋转（45度）；
}
.singleproject{
显示：无；
}

标题
+




123

[结束]
标题
+




123

[结束]
标题
+




123

[结束]
标题
+




123

[结束]
有时候Javascript非常简单：）非常感谢，Arun。
$('.close').click(function() {
  $(this).closest('.project').find('.plus').toggleClass('rotated');
});