使用实例获取所选标记的ID

Question

您好我有一个场景，我有很多同名类但ID不同的td标签。我需要在选项卡上点击时获取id值。例如这是我的html标签

我的Html标签

<td class="sameClassName" id="1"></td>
<td class="sameClassName" id="2"></td>
<td class="sameClassName" id="3"></td>

现在点击课程我必须得到相应的id。我试过这样的事情

$(".sameClassName").click(function(){
 alert($(this).attr("id"));

});

但我没有得到所需的结果。任何人都可以帮我这个吗？

Answer 1

使用此demo

$('.sameClassName').click(function(e){
  alert($(this).attr('id'));
  e.stopPropagation()
});

Answer 2

确保您的事件处理程序在所有html代码之后或$().ready事件中定义。

获取元素ID的方法有四种：

$(".sameClassName").click(function(){
    alert(this.id);
});

或

$(".sameClassName").click(function(){
    alert($(this).get(0).id);
});

或

$(".sameClassName").click(function(){
    alert($(this).prop('id'));
});

或

$(".sameClassName").click(function(){
    alert(this.attributes.id.value);
});

以下是示例小提琴：http://jsfiddle.net/25PRf/