Проверьте, есть ли у какого-либо предка класс с использованием jQuery

Есть ли способ в jQuery проверить, есть ли у какого-либо родителя, прародителя, пра-пра-прародителя класс.

У меня есть структура разметки, которая позволила мне делать такие вещи в коде:

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

Тем не менее, для удобства чтения кода я бы хотел избежать такого рода вещей. Есть ли способ сказать "любой родитель / прародитель / пра-пра-родитель имеет этот класс"?

Я использую JQuery 1.7.2.

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

}

Существует много способов фильтрации элементов-предков.

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

Осторожно , closest() метод включает сам элемент при проверке селектора.

В качестве альтернативы, если у вас есть уникальный селектор, соответствующий $elem, например #myElem, вы можете использовать:

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

Если вы хотите сопоставить элемент в зависимости от его класса-предка только для стилизации, просто используйте правило CSS :

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

Вы можете использовать parentsметод с указанным .classселектором и проверить, соответствует ли какой-либо из них:

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