如何使用Jquery显示按钮的ID?

时间:2013-07-19 11:30:03

标签: jquery html

这是我的代码的演示。我只是想在显示未定义的按钮时显示Id按钮

Demo.

代码:

$('#btn').on('click', function () {
    var $this = $(this);
    var ID = $(this).id;
    alert(ID);

});

10 个答案:

答案 0 :(得分:2)

只需使用DOM本机函数和属性:

$('#btn').on('click', function () {
    alert(this.id);    
});

如果您决定使用jQuery进行过度杀伤:

alert($(this).attr('id'));    

答案 1 :(得分:2)

你有点混淆了 - 你需要使用this.id。没有id"方法"在jQuery中,然而得到它。 .attr('id')是可能的(虽然没有真正的需要)。

答案 2 :(得分:1)

这个怎么样:

$(".a").click(function(){
    var id = this.id;
    alert(id);
});

答案 3 :(得分:1)

演示http://jsfiddle.net/vN88X/8/

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

答案 4 :(得分:0)

方法1

使用$.prop()

$('#btn').on('click', function () {
    alert($(this).prop("id"));
});

Demo.


方法2(推荐)

使用this.id

$('#btn').on('click', function () {
    alert(this.id);
});

Demo.

答案 5 :(得分:0)

您可以使用.attr(attribute)

$('#btn').on('click', function () {
    var ID = $(this).attr('id');
    alert(ID);

});

http://jsfiddle.net/vN88X/11/

答案 6 :(得分:0)

正确的代码如下:

$('#btn').click(function () {
    var ID = $(this).attr('id');
    alert(ID);
});

看看小提琴:http://jsfiddle.net/vN88X/6/

答案 7 :(得分:0)

尝试

$(this).attr("id");

您将获得元素的“id”属性。

答案 8 :(得分:0)

应该是

$('#btn').on('click', function () {
var ID = $(this).attr('id');
alert(ID);

 });

这是更新的演示 http://jsfiddle.net/vN88X/3/

答案 9 :(得分:0)

试试这个,你会得到按钮ID -

$('#btn').on('click', function () {        
    alert(this.id);        
});

第二种方法 -

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

更新后 - Please Try