Compruebe si algún antepasado tiene una clase usando jQuery

¿Hay alguna manera en jQuery para verificar si algún padre, abuelo, bisabuelo tiene una clase?

Tengo una estructura de marcado que me ha dejado hacer este tipo de cosas en el código:

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

Sin embargo, para facilitar la lectura del código, me gustaría evitar este tipo de cosas. ¿Hay alguna manera de decir "cualquier padre / abuelo / bisabuelo tiene esta clase"?

Estoy usando jQuery 1.7.2.

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

}

Hay muchas formas de filtrar por ancestros de elementos.

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 *')) {/*...*/} 

Cuidado , el closest() método incluye el elemento en sí mismo mientras se busca el selector.

Alternativamente, si tiene un selector único que coincida con $elem, por ejemplo #myElem, puede usar:

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

Si desea hacer coincidir un elemento dependiendo de cualquiera de sus clases ancestrales solo con fines de estilo, solo use una regla CSS :

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

Puede usar el parentsmétodo con el .classselector especificado y verificar si alguno de ellos coincide:

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