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

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

2 个答案: