檢查在jquery中選擇了哪個類

Question

如果你有一個應用了兩個類的元素，如何檢查第二個類是什麼？

例如：

class="class1 abc" 
class="class1 xyz" 

當點擊class1的，你怎麼能檢查一下第二類是，這樣你就可以重定向到適當的行動？

$('.class1').click(function() { 
    // ** var secondClass = abc | xyz 
    // ** do something if second class was abc, or something else if second class was xyz ** 

Answer 1

$('.class1').click(function() { 
    if ($(this).hasClass('abc')) { 
     //... 
    } else { 
     //... 
    } 
}); 

Answer 2

您可以檢查元素has a particular class，就像這樣：

$(this).hasClass("abc") 

和重定向基於這一點。

Answer 3

$('.class1').click(function(){ 
    if($(this).hasClass('abc')) 
    { 
    //do something 
    }else if($(this).hasClass('xyz')) 
    { 
    //do something else 

    } 
}); 

Answer 4

你可以使用hasClass() ..

$('.class1').click(function() { 
    if($this.hasClass("xyz")){ 
     ... 
    } else { 
     ... 
    } 
}); 

Answer 5

如何檢查類的存在：

$('.class1').click(function() { 
    var hasABC = $(this).hasClass('abc'); 
    var hasXYZ = $(this).hasClass('xyz'); 
    // ... do real work now ... 
} 

Answer 6

使用此關鍵字，有你的點擊類內處理程序。

例如：

$('.class1').click(function() { 
    // the this keyword is rewritten to the matching element by jQuery automatically 
    // cache the jQuery object for this 
    var $this = $(this); 
    if ($this.hasClass('abc')) { 
    } else if ($this.hasClass('xyz')) { 
    } else { 
    } 
});