Trovare genitore appropriato con jQuery

Question

Dato un elemento DOM come faccio a trovare la sua appartenenza più vicino con una data classe CSS?

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

Non voglio usare lotti o $ (...). Parent (). Parent () dato che non voglio essere legato a una particolare struttura dom.

Answer 1

Questo dovrebbe funzionare

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

Answer 2

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

Come il nome dice, scopre l'antenato più vicino per l'elemento this.

Answer 3

Usa .parents(".yourClass") invece di .parent().

genitori jQuery ()

Answer 4

È possibile utilizzare la selezione genitore. ad esempio $(".myclass:parent").something(); troverà tutti gli elementi con il myclass classe che hanno figli.