jquery:从类选择器获取id

Question

您好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>

然后我绑定

$( '测试')

所以当我点击其中一个元素时,我会回复id？

如果我需要进一步解释,请告诉我.

非常感谢先进.

Answer 1

Doh ..如果我找到你,那应该是这样简单:

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<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>

您只需在事件处理程序中访问底层dom节点上的id属性即可.

Answer 2

在jquery中使用"attr"方法.

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

Answer 3

添加单击事件时,this返回已单击的元素.所以你可以使用this.id;

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

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

Answer 4

从jQuery 1.6开始，您可以（有些人应该说）使用.prop而不是。属性

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

在这篇文章中将进一步讨论：.prop（）vs .attr（）