jquery - 解除绑定(bind)除一个类之外的多个类

Question

我有“n”个不同的类(class)

 .classOne
 .classTwo
 .classThree
 .classFour
   ....
 .classN

我想绑定(bind).classTwo并取消绑定(bind)除.ClassOne之外的其余部分，我应该怎么做？

   $("#container").off("click"); /*except classOne*/
  $("#container").on("click.ClassTwo",function...

HTML

     <DIV class="classOne">[Show alert]</div>
     <DIV class="classTwo">[Click dont show anything]</div>
     <DIV class="classThree">[Show alert]</div>
     <DIV class="classFour">[Show alert]</div>
     <DIV class="classFive">[Show alert]</div>

单击此按钮后，除 classOne 之外的所有人的单击事件都会停用...(如果您单击它，它仍然会发出警报)，同时 .classTwo code> 获取点击后显示警报的能力

         <DIV class="button">[]</div>

所以，最后的安排是:

     <DIV class="classOne">[Show alert]</div>
     <DIV class="classTwo">[Show alert]</div>
     <DIV class="classThree">[Click dont show anything]</div>
     <DIV class="classFour">[Click dont show anything]</div>
     <DIV class="classFive">[Click dont show anything]</div>....

Answer 1

如果我明白你在说什么，它们已经绑定(bind)了一个函数，然后当你单击按钮时，你想要取消所有绑定(bind)，然后重新绑定(bind)，除了 .classTwo ，你可以这样做像这样:

$('.button').on('click', function() {
    $('div').off('click');
    $('div').not('.classTwo').on('click', function() {
        // show alert
    })
})