如果"not class"点击

Question

我正在创建一个程序，将类分配给随机选择的div，当您单击Div时，它说：为了使当您在没有班级的情况下达到DIV时，它说"您在没有班级的情况下单击了DIV"，但我似乎找不到方法。是否有看起来像这样的jQuery命令？：

$(!".whatever").click(function(){
}

喜欢，一个jQuery命令，说如果您在没有以下课程的情况下击中DIV？

谢谢！

Answer 1

如果它应该适用于所有div元素，请定位所有div元素（或您真正喜欢的任何div元素），并检查该元素是否在事件处理程序中是否具有类：

$('div').on('click', function() {
    if ( $(this).hasClass('whatever') ) {
         alert("You clicked a div with the class");
    } else {
         alert("You clicked a div without the class");
    }
});

Answer 2

使用$(":not('.whatever')")作为选择器

$(":not('.whatever')").click(function(){
  alert("not whatever was clicked");
});

Answer 3

使用 on()

的授权形式

$('#container').on('click','div',function(){
  var self = $(this);
  if (self.is('.whatever')){
     alert('it is');
  } else {
     alert('it is not');
  }
});

假设带有id="container"的元素是所有div元素的父母。

如果没有其他共同父母，则可以使用body。

Answer 4

您可以使用hasclass检查是否将特定类应用于元素或是否没有应用程序中的元素：

$('#element').on('click', function() {
    if($(this).hasClass(''))
        alert('Element has no classes');
    elseif($(this).hasClass('yourclass'))
        alert('Element has yourClass!');
    else 
        alert('Element has a class, but its not yourClass');