2017-03-05 81 views
0

如何僅通過inputClickHandler獲取表中某個td元素的id? 因爲如果我做例如e.currentTarget或e.target它將它存儲在它:<td id='square0'>5</td>。我希望它只存儲ID。對於上面的例子,我只想存儲square0。 謝謝,您的回答非常感謝。獲取表中目標td元素的唯一ID

回答

0

使用e.target.id。 id是DOM元素的一個屬性。

+0

感謝您的快速回復 – Roland

0
<!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代碼的例子。