通過jQuery檢查元素類

Question

如何檢查分配給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已動態分配它）。

Answer 1

聽起來像是你想.hasClass()

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

Answer 2

使用$(this).hasClass('header-link')功能 它返回true如果元素的類指定

編輯：更新的有效性

Answer 3

$(this).hasClass("header-link")

Answer 4

正確的檢查是.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'); 
});