jQuery hasClass соответствующий элемент

Question

В jquery я могу объединить "closest" или Parents () с "hasClass", поэтому он даст мне ближайший элемент с данным классом, если он существует на странице?

var matchingDiv = $(this).closest('div').hasClass('SomeClass')

if ( matchingDiv != null )
{
   //we found matching element now manipulate it

}

У меня всегда будет либо один соответствующий элемент div, либо ни одного. Спасибо.

Answer 1

var matchingDiv = $(this).closest('div.SomeClass')

if ( matchingDiv.length )
{
   // use length to find if there was a match.
   // closest() will always return an object.
}

Если это не сработает, возможно, опубликуйте html. Может быть, там есть проблема?

Answer 2

Если вам нужно проверить, может ли текущий элемент быть предком, которого вы ищете. Вы можете использовать комбинацию is() и closest() следующим образом:

var matchingDiv = $(this).closest('.SomeClass');

matchingDiv = matchingDiv.length == 0 ? (matchingDiv.is('.SomeClass') ? matchingDiv : null) : matchingDiv

if ( matchingDiv != null )
{
   //found matching element 

}

Answer 3

Ближайший принимает селектор, чтобы вы могли сделать это:

 var matchingDiv = $(this).closest('div.SomeClass')

Ваша следующая строка - проблема, вы должны проверить результат jQuery следующим образом:

if ( matchingDiv.length )
{
    //we found matching element now manipulate it
}

Answer 4

попробуйте это, ближайший берет селектор:

var matchingDiv = $(this).closest('div.SomeClass')

if ( matchingDiv != null )
{
   //we found matching element now manipulate it

}

Answer 5

Разница между closest () и parent () заключается в том, что parent () может дать вам более одного элемента, если ваш селектор соответствует более одного. (для чего это стоит здесь)

Answer 6

документ для ближайшего

var matchingDiv = &(this).closest('.SomeClass')

if ( matchingDiv != null )
{
   //we found matching element now manipulate it

}

Answer 7

Вы спрашиваете, будет ли это работать или нет?

Я бы сказал, что так и есть, потому что парадигма jQuery основана на объединении функций jQuery.