如何检查元素是否有空类？

我有一个问题如何检查一个元素是否有空的类。我尝试了下面的代码，但不起作用。如何检查元素是否有空类？

<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"); 

}

来源

2016-10-01 george

定义“不工作” – Li357

什么也没有发生 – george

所以，你的条件，期望不评估。调试。 – Li357

你可以仅仅做到这一点：

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

，我觉得评论是没有必要...

来源

2016-10-01 22:57:51 cFreed

您既可以使用hasClass一个空字符串或尝试toggleClass

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

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

}

OR：

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

来源

2016-10-01 23:42:57

如何检查元素是否有空类？

回答

相关问题