Get ID des Elements auf Knopfdruck mit jquery

Question

Ich habe eine Liste der dynamisch generierten Schaltflächen und ID wird zur Laufzeit generiert. Wie kann ID mit JQuery geklickt werden? Hier

ist Code 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

Für Ihr Beispiel es so sein würde:

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

Beachten Sie, dass Sie können den Code, den Sie haben, nicht loopen, IDs müssen eindeutig sein, Sie erhalten alle möglichen Nebenwirkungen, wenn sie nicht sind, da es sich um ungültiges HTML handelt. Wenn Sie einen Click-Handler für jede Eingabe wollte, den Wähler ändern, wie folgt aus:

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

Answer 2

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

EDIT nachdem Sie den Code geschrieben:

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

Answer 3

Sie sollten Click-Ereignis der Schaltfläche hinzufügen, nachdem Dokument bereit ist (Geladen):

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