有什么方法可以获取触发事件的元素的ID ?
我在想:
$（document）.ready（function（） { $（“a”）.click（function（） { VaR 测试 = caller.id; alert（test.val（））; }); }); <script type=“text/javascript” src=“starterkit/jquery.js”></script> <表单类=“项目” id=“aaa”> <输入类=“标题”></input> </form> <表单类=“项目” id=“bb”> <输入类=“标题”></input> </form>
当然，除了var测试应该包含id“aaa”(如果事件是从第一个表单触发)和“bbb”(如果事件是从第二个表单触发)。
当前回答
我从数据库中动态生成一个表，接收JSON中的数据并将其放入一个表中。每个表行都有一个唯一的ID，这是进一步操作所需要的，所以，如果DOM被改变了，你需要一个不同的方法:
$("table").delegate("tr", "click", function() {
var id=$(this).attr('id');
alert("ID:"+id);
});
其他回答
作为参考，试试这个!它的工作原理!
jQuery("classNameofDiv").click(function() {
var contentPanelId = jQuery(this).attr("id");
alert(contentPanelId);
});
只要使用this引用
$(this).attr("id")
or
$(this).prop("id")
在jQuery事件中。Target总是指向触发事件的元素，其中event是传递给函数的参数。http://api.jquery.com/category/events/event-object/
$(document).ready(function() {
$("a").click(function(event) {
alert(event.target.id);
});
});
还要注意的是，这也可以工作，但它不是一个jQuery对象，所以如果你想在它上使用jQuery函数，那么你必须引用它为$(this)，例如:
$(document).ready(function() {
$("a").click(function(event) {
// this.append wouldn't work
$(this).append(" Clicked");
});
});
使用可以使用.on事件
$("table").on("tr", "click", function() {
var id=$(this).attr('id');
alert("ID:"+id);
});
var buttons = document.getElementsByTagName('button');
var buttonsLength = buttons.length;
for (var i = 0; i < buttonsLength; i++){
buttons[i].addEventListener('click', clickResponse, false);
};
function clickResponse(){
// do something based on button selection here...
alert(this.id);
}
在这里工作JSFiddle。
