如何檢查元素是否有空類？

Question

我有一個問題如何檢查一個元素是否有空的類。我嘗試了下面的代碼，但不起作用。

<nav id="main-nav" class=""> 
    <ul> 
     <li><a href=""><i class="fa fa-pencil-square-o" aria-hidden="true"></i> references</a></li> 
     <li><a href=""><i class="fa fa-male" aria-hidden="true"></i> about me</a></li> 
     <li><a href=""><i class="fa fa-wrench" aria-hidden="true"></i> abilities</a></li> 
    </ul> 
</nav> 


if ($('#main-nav:not([class])')){ 

     $(this).addClass("nav-type1"); 

} 

Answer 1

你可以僅僅做到這一點：

var $elem = $('#main-nav'); 
if (!$elem.attr('class')) { 
    $elem.addClass('nav-type1'); 
} 

，我覺得評論是沒有必要...

Answer 2

您既可以使用hasClass一個空字符串或嘗試toggleClass

if ($('#main-nav').hasClass("")){ 

    $(this).addClass("nav-type1"); 

}

OR：

$('main-nav').toggleClass("nav-type1");