Выберите класс, кроме другого класса в JQuery

Question

Я хотел бы, чтобы выбрать элемент, который имеет .handle класс, но не имеет .exception

классового

HTML-

<div class="handle exception"> One <div> 
<div class="handle"> Two <div> 

$(document).on('click', '.handle', function (e) { 
    //I want to select only 2nd div. 
}); 

Любая помощь?

Answer 1

вам может использовать :not селектор

$(document).on('click', '.handle:not(.exception)', function (e) { 
    //I want to select only 2nd div. 
}); 

или для выбора 2-й .handle элемент класса можно использовать :eq(1) или nth-child(2)

'.handle:eq(1)' // index start from 0 so 1 to select 2nd one 
'.handle:nth-child(2)' // index start from 1 so 2 to select 2nd one 

Answer 2

Используйте .not, чтобы снять выделение определенного класса

Например

$(".handle").not(".exception")...

В вашем случае, это будет, как упомянуто в @ ответ Mohamed-Юсеф «s