通过jQuery检查元素类

时间:2010-09-27 00:02:58

标签: jquery css

如何检查分配给div的类?例如,我想检查div是否具有header-link类,然后它应该警告类似于此的消息框:

$('.header a').click(function()
{
    if($(this).classname == 'header-link')
    {
        alert('the element has the class name already');
    }
    else
    {
        $(this).addClass('header-link');
    }
});

我输入的classname有一个例子我需要检查它是否已分配类...(即使jQuery已动态分配它)。

4 个答案:

答案 0 :(得分:5)

正确的检查是.hasClass(),如下所示:

$('.header a').click(function() {
  if($(this).hasClass('header-link')) {
    alert('the element has the class name already');
  } else {
    $(this).addClass('header-link');
  }
});

但是......你甚至需要这张支票吗? 如果元素已经,那么类.addClass()将不会添加重复内容,因此,如果您不担心这一点,请按以下方式调用.addClass('header-link')

$('.header a').click(function() {
  $(this).addClass('header-link');
});

答案 1 :(得分:4)

听起来像你想要.hasClass()

$('.header a').click(function()
{
    if($(this).hasClass('header-link'))
    {
        alert('the element has the class name already');
    }
    else
    {
        $(this).addClass('header-link');
    }
});

答案 2 :(得分:1)

使用$(this).hasClass('header-link')功能 如果元素具有您指定的类

,则返回true

编辑:更新有效期

答案 3 :(得分:1)