jquery:从类select器获取ID

嗨Stackoverflow社区,

很难解释,但…

有没有什么办法可以从类似的东西中获得元素的id

<a href="#" class="test" id="test_1">Some text</a> <a href="#" class="test" id="test_2">Some text</a> <a href="#" class="test" id="test_3">Some text</a> 

然后我绑定

$( 'testing')

所以当我点击其中一个元素时,我可以得到这个id?

让我知道是否需要进一步解释。

非常感谢先进的。

7 Solutions collect form web for “jquery:从类select器获取ID”

如果我find你的话,应该是这样简单的:

 $('.test').click(function() { alert( this.id ); }); 

您可以在事件处理程序中通过底层dom节点 访问 id属性

在jquery中使用“attr”方法。

 $('.test').click(function(){ var id = $(this).attr('id'); }); 

当你添加一个点击事件时, this将返回被点击的元素。 所以你可以使用this.id ;

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

例如: http : //jsfiddle.net/jonathon/rfbrp/

 $(".class").click(function(){ alert($(this).attr('id')); }); 

只有jQuerybutton,我们可以做这个类应该写在那里

从jQuery 1.6开始,你可以(也有人会说)应该使用.prop而不是。 attr

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

在这篇文章中进一步讨论: .prop()vs .attr()

这个例子中没有任何东西适用于我

 for (var i = 0; i < res.results.length; i++) { $('#list_tags').append('<li class="dd-item" id="'+ res.results[i].id + '"><div class="dd-handle root-group">' + res.results[i].name + '</div></li>'); } $('.dd-item').click(function () { console.log($(this).attr('id')); }); 

要小心,如果你使用胖箭头function,你会得到undefined这个.id浪费了10分钟今天想知道到底是怎么回事

  • jQuery / JavaScript“这个”指针混淆
  • 用JavaScript / jQueryredirect发送POST数据?
  • 如果一千或更多,如何将数字格式化为2.5K,否则在JavaScript中为900?
  • jQuery append() - 返回附加元素
  • CSS来alignment标签和input
  • $(document.body)和$(“body”)JQuery之间的区别
  • jQuery UI可sorting:如何更改“占位符”对象的外观?
  • 如何检查iframe是否被加载或有内容?
  • 我可以将表单input绑定到Backbone.js中的模型,而无需手动跟踪模糊事件?
  • 如何阻止或限制与jQuery的input字段中的特殊字符?
  • 我如何使用jQuery淡出div?