Überprüfen Sie mit jQuery, ob ein Vorfahr eine Klasse hat

Gibt es in jQuery eine Möglichkeit zu überprüfen, ob ein Elternteil, ein Großelternteil oder ein Urgroßelternteil eine Klasse hat?

Ich habe eine Markup-Struktur, die mich dazu veranlasst hat, solche Dinge im Code zu tun:

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

Aus Gründen der Lesbarkeit des Codes möchte ich jedoch solche Dinge vermeiden. Gibt es eine Möglichkeit zu sagen, dass "ein Elternteil / Großelternteil / Urgroßelternteil diese Klasse hat"?

Ich verwende jQuery 1.7.2.

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

}

Es gibt viele Möglichkeiten, nach Elementvorfahren 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 *')) {/*...*/} 

Beachten Sie , dass die closest() Methode das Element selbst enthält, während Sie nach dem Selektor suchen.

Wenn Sie einen eindeutigen Selektor haben , der $elemmit z. B. übereinstimmt , #myElemkönnen Sie alternativ Folgendes verwenden:

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

Wenn Sie ein Element, das von einer seiner Vorfahrenklassen abhängt, nur zu Stilzwecken abgleichen möchten, verwenden Sie einfach eine CSS-Regel :

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

Sie können die parentsMethode mit dem angegebenen .classSelektor verwenden und prüfen, ob eine davon mit dieser übereinstimmt:

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