如何获得一个元素的id点击它时 - javascript

问题描述：

我正在开发一个用户可以绘制各种形状的画布应用程序。使用d3.js绘制各种元素。我想用jsplumb连接两个SVG元素，当我点击它时需要每个元素的id。每个元素都有一个由代码在绘制时生成的id，因此我不知道它是否在手。如何获得一个元素的id点击它时 - javascript

是否有一个JavaScript实现，我可以得到我单击的元素的ID？我不希望在画布上绘制的每个元素上添加“'。

任何人都可以提出一种方法来做到这一点？

请上传的jsfiddle人编辑 – wot

你确定变量需要ID？你不能仅仅使用这些元素吗？ – Barmar

答

您可以使用类似这样

<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/

答

您可以使用该元素的属性

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

要获得点击元素的ID简单地访问一个元素的ID：

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

容器是你的画布ID和droppedElement是捕获的SVG元素或SVG元素的副本（如果这是你的情况下）

如何获得一个元素的id点击它时 - javascript

相关推荐