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

Question

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

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

哪个，再次不起作用......

score 0 · Accepted Answer

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

您在这里的第一个示例应该可以工作。

this.id

也应该工作。

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

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

score 0 · Accepted Answer

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

$('#test').click(function(el){console.log("here: "+$(el.target).attr('id'))})强文本

score 0 · Accepted Answer

再次感谢您的快速回复。

以下代码有效 -

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

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

this.model.get('id');

我想象这个...

this.get('id');

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

以后我会尽量讲清楚。再次感谢...

3 回答 3