Question

如何只使用inputClickHandler获取表中td元素的id？因为如果我这样做，例如e.currentTarget或e.target，它会将其存储在其中：<td id='square0'>5</td>。我希望它只存储id。对于上面的示例，我只想存储square0。谢谢，非常感谢您的回答。

Answer 1

使用e.target.id。 id是DOM元素的属性。

Answer 2

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

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

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

2 个答案: