Überprüfen Sie, ob ein Vorgänger eine Klasse mit jQuery hat

Question

Gibt es eine Möglichkeit in jQuery zu überprüfen, ob eine Eltern, Großelternteil, Urgroßelternteil hat eine Klasse.

Ich habe eine Markup-Struktur, die mich tun diese Art der Sache im Code hinterlassen hat:

$(elem).parent().parent().parent().parent().hasClass('left') 

jedoch für die Lesbarkeit des Codes ich möchte diese Art der Sache zu vermeiden. Gibt es eine Möglichkeit zu sagen, "irgendein Elternteil/Großelternteil/Urgroßelternteil hat diese Klasse"?

Ich benutze jQuery 1.7.2.

Answer 1

if ($elem.parents('.left').length) { 

} 

Answer 2

Sie können parents Methode mit dem angegebenen .class Selektor verwenden und überprüfen, ob einer von ihnen sie paßt:

if ($elem.parents('.left').length != 0) { 
    //someone has this class 
} 

Answer 3

Es gibt viele Möglichkeiten für das Element Vorfahr zu filtern.

if ($elem.closest('.parentClass').length /* > 0*/) {/*...*/} 
if ($elem.parents('.parentClass').length /* > 0*/) {/*...*/} 
if ($elem.parents().hasClass('parentClass')) {/*...*/} 
if ($('.parentClass').has($elem).length /* > 0*/) {/*...*/} 
if ($elem.is('.parentClass *')) {/*...*/} 

Vorsicht, closest()Verfahren Element selbst umfasst, während für die Wählverbindung zu überprüfen.

Alternativ, wenn Sie einen einzigartige Wähler haben die Abstimmung die $elem, zB #myElem, können Sie verwenden:

if ($('.parentClass:has(#myElem)').length /* > 0*/) {/*...*/} 
if(document.querySelector('.parentClass #myElem')) {/*...*/} 

Wenn Sie ein Element passen nur eines seiner Vorfahren Klasse für Styling Zweck abhängig

.parentClass #myElem { /* CSS property set */ }