如何在jQuery中检测当前元素id？

Question

我有一些HTML代码:

<input type="button" id="btn1" class="myButton" value="Button 1"/>
<input type="button" id="btn2" class="myButton" value="Button 2"/>

每当用户点击每个按钮时我都需要运行一个jQuery函数,我必须使用他们的类来完成它.

$('.myButton').click(function() {
   // do something
});

但我应该做的,取决于当前的元素Id.

我的问题是如何检测哪个元素称为此函数？我需要知道它的身份.

Answer 1

您可以使用this访问当前元素,然后this.id将为您id提供当前元素.

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

Answer 2

如果您想保留在jquery上下文中,可以使用以下代码段:

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

通过这种方式,您可以更灵活一点.