如何使用 javascript 返回 DOM 元素的 id，而不是元素的值答案

【问题标题】：How do I return the id of a DOM element using javascript, not the value of the element如何使用 javascript 返回 DOM 元素的 id，而不是元素的值
【发布时间】：2013-10-29 20:19:53
【问题描述】：

我正在使用主干。在我的模板中我有----

<a href="#" id='<%= member.get("person").id%>'><%= member.get('person').name%></a>

id 是动态设置的。我需要使用 id 作为变量来进行 JSON 调用。

我已经尝试了一些东西 -

$('a').click(function(){
        var memberId = $(this).attr("id");
        console.log(memberId);
    })

或

$('a').click(function(){
        var ID = this.attr('id');
        console.log();
    })

还有其他几个变体。

建议？

感谢所有回复。

我应该提到我正在尝试文档中的这些东西，只是为了看看它是否会起作用。我的错，这是我在这里的第一篇文章。最终，该功能应该在我看来（我认为）。所以它应该看起来更像这样 -

memberId: function(event){
    $(this).attr('id');
}

这又是不工作.....

【问题讨论】：

只要this.id 就可以了。
stackoverflow.com/questions/48239/… 这是您要找的东西吗？
第一个示例中的内容运行良好。演示：jsfiddle.net/Guffa/4cq4b

标签： javascript get element

【解决方案1】：

第一个版本应该可以工作，不过我对您的代码有一点评论。如果可以的话，尽量不要使用它。 Jquery 将事件对象作为参数传递给事件处理程序，因此您可以通过类似的方式获取对触发此事件的 dom 元素的引用

$('#test').click(function(el){console.log("这里："+$(el.target).attr('id'))})强文本强>

【讨论】：

【解决方案2】：

var memberId = $(this).attr("id");

你的第一个例子应该可以工作。

this.id

应该也可以。

如果您没有看到输出，则您的 id 可能被设置为空字符串。也许尝试在前面加上一些文本来测试它？

console.log("ID: "+this.id);

【讨论】：

【解决方案3】：

再次感谢您的快速回复。

以下代码有效 -

memberId: function(event){
    memberId = this.model.get('id');
    console.log(memberId);
}

再次，我正在使用骨干网。所以上面是一个视图中的方法。下面是必要的部分

this.model.get('id');

我想这是...

this.get('id');

应该在文档中工作准备好。

以后我会尽量说得更清楚。再次感谢...

【讨论】：