Encontrar pai adequado com jQuery

Question

Dado um elemento DOM como faço para encontrar o seu pai mais próximo com uma determinada classe css?

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

Eu não quero usar lotes ou $ (...). Parent (). Parent () desde que eu não quero ser obrigado a uma estrutura dom particular.

Answer 1

Isso deve funcionar

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

Answer 2

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

Como o nome diz, encontra o ancestral mais próximo para o elemento this.

Answer 3

Use .parents(".yourClass") vez de .parent().

jQuery pais ()

Answer 4

Você pode usar a seleção de genitores. por exemplo $(".myclass:parent").something(); vai encontrar todos os elementos com os myclass classe que têm crianças.