檢查點擊元素的ID

Question

我有幾個圖像具有相同的類，並希望設置一個點擊功能，根據點擊哪個圖像改變一些元素中的文本。 我的if語句不起作用，我不完全確定爲什麼，因爲我之前使用過這個方法，或者我想過。

$('.gallery_image').click(function(e) { 
    var t = $(this); 
    if(t.id == 'csf') { 
     console.log('It works!'); 
    } 
}); 

JSFIDDLE

Answer 1

使用t.attr('id')代替t.id

More about .attr()

Answer 2

另一種解決方案是使用類代替ID的。呼叫然後它們共享使用第二個類來將它們與hasClass功能區分類上的點擊功能：

<div id="csf" class="gallery_image csf">csf</div> 
<div id="csi" class="gallery_image csi">csi</div> 

    $('.gallery_image').click(function(e) { 
    var t = $(this); 
    if(t.hasClass('csf')) { 
     alert("It works!"); 
    } 

    else if(t.hasClass('csi')) { 
     alert("So does this!"); 
    } 
});