如何检查一个元素是否没有特定的类?

如果没有课程，我该如何检查?例如，我知道如何检查它是否有类“test”，但我如何检查它是否没有类“test”?

if($(this).hasClass("test")){
}
445232 次浏览
小开
最佳答案 
if (!$(this).hasClass("test")) {
小开

sdleihssirhc的答案当然是问题中情况的正确答案，但如果你需要选择没有特定类的元素，可以使用不选择器:

// select all divs that don't have class test
$( 'div' ).not( ".test" );
$( 'div:not(.test)' );  // <-- alternative
小开

使用.not()方法检查属性:

$('p').not('[class]');

在这里检查:http://jsfiddle.net/AWb79/

小开

选择类为“abc”而非“xyz”的元素(或元素组):

    $('.abc:not(".xyz")')

当选择常规CSS时，你可以使用.abc:not(.xyz)。

小开
在更复杂的情况下，这种方法行不通。如果你想选择一个不包含类B元素的类A元素怎么办? 你最终需要的东西更像:

如果父元素不包含子元素;jQuery < / >

小开

六年后读到这篇文章，我想我也会在TIMTOWTDI静脉中尝试一下……:D，希望这不是不正确的“JS礼仪”。

我通常用条件设置一个变量，然后稍后再引用它。

// var set up globally OR locally depending on your requirements
var hC;


function(el) {
var $this = el;
hC = $this.hasClass("test");


// use the variable in the conditional statement
if (!hC) {
//
}
}

尽管我应该提到，我这样做是因为我主要使用条件三元运算符，并希望代码干净。所以在这种情况下，我所拥有的是:

hC ? '' : foo(x, n) ;
// OR -----------
!hC ? foo(x, n) : '' ;

.．.而不是这样:

$this.hasClass("test") ? '' : foo(x, n) ;
// OR -----------
(!$this.hasClass("test")) ? foo(x, n) : '' ;
小开

你可以试试这个:

<div id="div1" class="myClass">there is a class</div>
<div id="div2"> there is no class2 </div>


$(document).ready(function(){
$("#div2").not('.myClass');  // do not have `myClass` class.
});
小开

我不知道为什么，这个公认的答案对我不起作用。相反，这种方法奏效了:

if ($(this).hasClass("test") !== false) {}
小开

试试这个。

if (!$(object).hasClass("className")) {




}

提交答案