如何获得嵌套在元素内的唯一ID？

Question

我有一些具有唯一ID的<tr>个元素。

<tr id="683535">some code</tr>
<tr id="683536">some code</tr>
<tr id="683537">some code</tr>

我希望用户在调用js函数之后单击<tr>。我需要在当前函数中获取此ID而不使用<tr onclick=""之类的事件。这甚至可能吗？

Answer 1

你可以做到

$('tr').on('click',function(){
  var id = $(this).attr('id');
});

Answer 2

在您的事件监听器中，您应该拥有该事件的变量。

示例：

$("body").on("click", "tr", function(e){
  var row = $(this);
  console.debug(row); //Should print clicked TR
  console.info(row.attr("id")); //Should print the ID
});

Answer 3

如果您不想要活动，那么您与浏览器互动的唯一方式就是带有<a>标记的经典超链接，您还可以在其中添加<a href="javascript:doStuff(uid);">do stuff with your uid</a>等js函数，这样您就可以轻松生成行生成器中每一行的这种href。