有什么方法可以获取触发事件的元素的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);
    });