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

How do I return the id of a DOM element using javascript, not the value of the element

本文关键字：元素 id 返回 DOM 何使用 javascript      更新时间：2023-09-26

我正在使用骨干网。在我的模板中，我有----

<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');
}

这又是行不通的.....

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

$（'#test'）.click（function（el）{console.log（"here： "+$（el.target）.attr（'id'））}）strong text

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

您在此处的第一个示例应该有效。

this.id

也应该工作。

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

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

再次感谢您的快速回复。

以下代码工作 - 

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

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

this.model.get('id');

我想这个...

this.get('id');

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

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

相关文章：