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

Question

В jquery можно объединить «ближайший» или «Родители»() с «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

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

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

Answer 3

doc for closest

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

if (matchingDiv != null) 
{ 
    //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

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

Answer 6

Closest занимает селектор, так что вы можете сделать это:

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

Ваша следующая строка является проблемой, вы should быть проверка JQuery результат следующим образом:

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

Answer 7

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

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

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

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

}