单击元素时如何获取元素的ID - javascript答案

【问题标题】：How to get id of an element when clicked on it - javascript单击元素时如何获取元素的ID - javascript
【发布时间】：2016-06-07 14:38:02
【问题描述】：

我正在开发一个画布应用程序，用户可以在该应用程序上绘制各种形状。使用 d3.js 绘制各种元素。我想使用 jsplumb 连接两个 SVG 元素，单击它时我需要每个元素的 id。每个元素都有一个在绘制时由代码生成的 id，因此我事先并不知道它。

是否有一个 javascript 实现，我可以通过它获取我单击的元素的 id？我最好不要在画布上绘制的每个元素上添加 '' 。

谁能建议一种方法来做到这一点？

【问题讨论】：

请上传一个 jsfiddle 供人们编辑
您确定需要这些 ID 吗？你不能只使用元素本身吗？

标签： javascript jquery canvas onclick jsplumb

【解决方案1】：

你可以使用这样的东西

<script type='text/javascript'>
    doClick = function (sender){
    alert(sender.id);
}
</script>

<div id='a1' onclick='doClick(this)'>div1</div>
<div id='a2' onclick='doClick(this)'>div2</div>

https://jsfiddle.net/dy47dbvp/3/

【讨论】：

【解决方案2】：

您可以使用元素的属性简单地访问元素的 ID

var elemID = droppedElement.attr('id');

获取被点击元素的id：

$('#container').on('click', '.droppedElement', function (e) {
      var elemID = droppedElement.attr('id');
}

容器是您的画布 id，而 droppedElement 是捕获 svg 元素或 svg 元素克隆的变量（如果是您的情况）

【讨论】：