使用jQuery查找合适的父级

Question

给定一个DOM元素，如何找到具有给定css类的最近父元素？

$(".editButton").click(function() {
   (magic container selector goes here).addClass("editing");
});

我不想使用lot或$（...）。parent（）。parent（），因为我不想绑定到特定的dom结构。

Answer 1

这应该有效

$(this).parents('.classYouWant:first').addClass("editing");

Answer 2

$( this ).closest( '.yourselector' )

顾名思义，找到this元素的最近祖先。

Answer 3

使用.parents(".yourClass")代替.parent()。

jQuery parents()

Answer 4

您可以使用父选择。例如$(".myclass:parent").something();将找到具有子类的myclass类的所有元素。