Javascript 仅获取表中目标td元素的Id_Javascript_Html

Javascript 仅获取表中目标td元素的Id

javascript html

Javascript 仅获取表中目标td元素的Id,javascript,html,Javascript,Html,如何在具有inputClickHandler的表中仅获取td元素的id？因为如果我这样做，例如e.currentTarget或e.target，它会将此存储在其中：5。我希望它只存储id。对于上面的示例，我只希望存储square0。谢谢，非常感谢您的回答。使用e.target.id。id是DOM元素的属性。 <!DOCTYPE html> <html> <head> <title></title> <scrip

如何在具有inputClickHandler的表中仅获取td元素的id？因为如果我这样做，例如e.currentTarget或e.target，它会将此存储在其中：

。我希望它只存储id。对于上面的示例，我只希望存储

square0

。

谢谢，非常感谢您的回答。

使用

e.target.id

。id是DOM元素的属性。


<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script
  src="https://code.jquery.com/jquery-3.1.1.min.js"
  integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
  crossorigin="anonymous"></script>
</head>
<body>
<table>
<tr><td id="1">Row 1</td></tr>
<tr><td id="2">Row 2</td></tr>
<tr><td id="3">Row 3</td></tr>
<tr><td id="4">Row 4</td></tr>
<tr><td id="5">Row 5</td></tr>
</table>

<script type="text/javascript">
$(document).on("click", "td", function(e) {
                var data = $(this).attr('id');
                alert (data);
            }); 
</script>
</body>
</html>

一排
第2排
第3排
第4排
第5行
$（文件）。在（“点击”，“td”，功能（e）{
var data=$（this.attr（'id'）；
警报（数据）；
});

如果您使用jquery，它会更容易。我制作了一个简单的页面来演示jquery代码的示例。

感谢您的快速回复我刚刚开始使用javascript，我正在寻找一种方法来获取单击的td的索引位置。我该怎么做？