在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.
});

或选择第二个.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-Yousef的回答中提及