Javascript Jquery-获取已单击的DIV元素的ID

以下操作正常，并显示按钮的ID：

<input class="edit" type="button" value="Edit" id="button1">

但这并不意味着ID buttonID未定义：

<div id="button1" onclick="pickedID()">Edit</div>

这是为什么？有没有一种方法可以像我尝试的那样获取Div ID？

调用函数时，必须将其添加到函数中，就像在Edit中一样

然后我们可以按如下方式使用它：

function pickedID(obj) {
    var buttonID = $(obj).attr('id');
    alert(buttonID);
}

因此，在本例中，函数pickedIDobj中的obj从onclick=pickedIDthis引用该函数

演示

函数pickedIDobj{ var buttonID=$obj.attr'id'； 阿利特布特尼德； } $.edit.clickfunction{ var buttonID=$this.attr'id'； 阿利特布特尼德； } Edit调用该函数时，必须将其添加到函数中，如在Edit中

然后我们可以按如下方式使用它：

function pickedID(obj) {
    var buttonID = $(obj).attr('id');
    alert(buttonID);
}

因此，在本例中，函数pickedIDobj中的obj从onclick=pickedIDthis引用该函数

演示

函数pickedIDobj{ var buttonID=$obj.attr'id'； 阿利特布特尼德； } $.edit.clickfunction{ var buttonID=$this.attr'id'； 阿利特布特尼德； }

---

编辑我建议您不要使用内联onclick处理程序。使用jQuery分配事件处理程序要好得多

$'button1'。单击，函数{ console.log$this.attr'id'； };

---

编辑我建议您不要使用内联onclick处理程序。使用jQuery分配事件处理程序要好得多

$'button1'。单击，函数{ console.log$this.attr'id'； }; 使用onclick编辑，它不允许您使用此选项直接访问属性

您可以使用事件，它将为您提供已处理的鼠标事件，然后您可以检索id

就你而言：

函数选择器{ var buttonID=event.srcement.id； console.logbuttonID； } 使用onclick编辑，它不允许您使用此选项直接访问属性

您可以使用事件，它将为您提供已处理的鼠标事件，然后您可以检索id

就你而言：

函数选择器{ var buttonID=event.srcement.id； console.logbuttonID； } 编辑

function pickedID(obj) {
    var buttonID = $(obj).attr('id');
    alert(buttonID);
}