使用实例获取所选标签的 id答案

【问题标题】：Get the id of selected tag using the instance使用实例获取所选标签的 id
【发布时间】：2014-07-20 06:55:45
【问题描述】：

嗨，我有一个场景，所以我有许多类名相同但 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"));

});

但我没有得到所需的结果。谁能帮我解决这个问题？

【问题讨论】：

【解决方案1】：

使用这个demo

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

【讨论】：

【解决方案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/

【讨论】：