有什么方法可以获取触发事件的元素的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”(如果事件是从第二个表单触发)。
当前回答
你可以简单地使用:
$(this).attr("id");
Or
$(event.target).attr("id");
但是$(this).attr("id")将返回事件监听器所附加的元素的id。 而当我们使用$(event.target).attr("id")时，它将返回被单击元素的id。 例如，在<div>中，如果我们有一个<p>元素，那么如果我们点击'div' $(event.target).attr("id")将返回<div>的id，如果我们点击'p'，那么$(event.target).attr("id")将返回<p>的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。
你可以试着用:
$('*').live('click', function() {
console.log(this.id);
return false;
});
您可以使用(this)引用触发该函数的对象。
'this'是一个DOM元素，当你在回调函数中(在jQuery上下文中)，例如，被click, each, bind等方法调用。
你可以在这里了解更多:http://remysharp.com/2007/04/12/jquerys-this-demystified/
作为参考，试试这个!它的工作原理!
jQuery("classNameofDiv").click(function() {
var contentPanelId = jQuery(this).attr("id");
alert(contentPanelId);
});
这适用于大多数类型的元素:
$('selector').on('click',function(e){
log(e.currentTarget.id);
});
