单击时如何获取动态元素的ID？

Question

我有一个简单的 html 文件上传表单，它是这样的：

<form action="upload_file.php" id="theForm" method="post" onsubmit="return validateForm()" enctype="multipart/form-data">
<label for="file">Files:</label>
<input type="file" name="file[]" id="file1"><button id="rem1" type="button">Remove File</button>
...
...    
<input type="file" name="file[]" id="file99"><button id="rem99" type="button">Remove     File</button>
<input type="submit" name="submit" value="Submit">
</form>

输入是动态创建的。我需要知道被点击的按钮的 id。

Answer 1

如果您正在使用 jQuery，这应该会让您感到高兴：

// delegate click event to all button elements in #theForm;
// will also apply for buttons added in future
$('#theForm').on('click', 'button', function(e) {
   alert(e.target.id);
});

如果没有，请将其附加到每个按钮：

blablabla.onclick = function(event){
    alert(event.currentTarget.id);
}