Question

我有动态生成按钮的列表，并且在运行时生成id。如何使用JQuery获取单击按钮的id。

这是js代码

var btn = " <input type='button' id='btnDel' value='Delete' />";


$("#metainfo").append(txt); //set value of

$("#btnDel").attr("id", "btnDel" + $("#hid").attr("value"));

Answer 1

对于你的例子，它将是这样的：

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

请注意，您无法循环使用您的代码，ID 必须是唯一的，如果不是这样，您将获得各种副作用，因为它是无效的HTML。如果您想要任何输入的单击处理程序，请更改选择器，如下所示：

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

Answer 2

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

发布代码后编辑：

var btn = 
  $("<input type='button' value='Delete' />")
    .attr("id", "btnDel" + $("#hid").val())
    .click(function() {
       alert(this.id);
    });
$("body").append(btn);

Answer 3

您应该在文档准备好（已加载）后添加按钮的单击事件：

$(document).ready(function(){
    $("#btnDel").click(function() {
        alert('Button clicked.');
    });
});

Answer 4

对于任何元素，无论是按钮还是其他任何元素，我们都可以这样定位

$(document).click(function(e){
    console.log(e.target.id) 
  
})

此处 e.target.id 为您提供元素的 id。

使用jquery获取按钮单击时元素的id

4 个答案: