如何检查HTML元素是否没有类

Question

I want to append a class to an anchor tag, which as no class. Also this anchor tag is inside many DIV elements and h4 tag So h4 has a class say abc inside this h4 tag there is this anchor tag which doesn't have any class.This is what I tried but not working. I want to append a class to the anchor that doesn't have a class at present.

$(document).ready(function(){
 $('.abc a').hasClass(''){
   $(this).addClass('active');
 }
});

FIDDLE

Answer 1

你可以使用：

$('.abc a').filter(':not([class])').addClass('active');

Answer 2

Another Solution :but @A. Wolff is better :

$(document).ready(function(){
   alert($('.abc a').attr('class'))
    if(!$('.abc a').attr('class')){
     $('.abc a').addClass('active');
    }
    alert($('.abc a').attr('class'))
});

Answer 3

You can get the length of the attribute class.
If it is 0, then you can add a class

$(document).ready(function () {
    var classes = $('.abc a').attr('class');
    var cLength = classes.trim().length;
    if (clength==0) {
        $('.abc a').addClass('active');
    }
});