Checking Id of clicked element

I have several images with the same class and would like to set up a click function that changes the text in some elements based on which image is clicked. My if statement is not working, I'm not entirely sure why because I've used this method before, or so I thought.

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

JSFIDDLE

---

Use t.attr('id') instead of t.id

More about .attr()

---

An alternate solution is using classes instead of id's. Call the click function on the class they share then use a second class to distinguish them with the hasClass function:

 <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!");
    }
});

链接地址: http://www.djcxy.com/p/83312.html

上一篇: 得到这个ID

下一篇: 检查点击元素的ID