Javascript 从表格单元格上的单击事件获取行的选择器

Javascript 从表格单元格上的单击事件获取行的选择器,javascript,html,jquery,Javascript,Html,Jquery,我在创建的表中有一个td: 我有一个点击处理程序,当它被点击时,我需要对此行的另一个td做些什么。在事件处理程序中,我可以使用e.target.id获取td的id,但从中我还没有弄清楚如何获取tr的选择器,以便获取其他td tr=document.createElement'tr'; 输入=document.createElement'select'; input.setAttribute'id','new='+fld[0]+'=@='+new_行; . . . div=document.cr

我在创建的表中有一个td:

我有一个点击处理程序,当它被点击时,我需要对此行的另一个td做些什么。在事件处理程序中,我可以使用e.target.id获取td的id,但从中我还没有弄清楚如何获取tr的选择器,以便获取其他td

tr=document.createElement'tr'; 输入=document.createElement'select'; input.setAttribute'id','new='+fld[0]+'=@='+new_行; . . . div=document.createElement'div'; td=document.createElement'td'; div.appendChildinput td.childdiv;
tr.td 您不需要选择器,只需使用DOM导航函数即可

var row = e.target.closest("tr");

将返回,然后您可以使用row.querySelector。。。要选择该行中的内容。

您不需要选择器,只需使用DOM导航功能即可

var row = e.target.closest("tr");

将返回,然后您可以使用row.querySelector。。。选择该行中的内容。

从tbody中委派

$("tbody").on("click","td",function() {
  const $row = $(this).closest("tr");
  const $cell = $row.find("td").eq(2); // or whatever cell you need
  // do something with cell
})

来自议会的代表

$("tbody").on("click","td",function() {
  const $row = $(this).closest("tr");
  const $cell = $row.find("td").eq(2); // or whatever cell you need
  // do something with cell
})

还有一个jQuery标记,它将在IE中工作way@mplungjan没有注意到这一点,只是看到他在代码中使用了纯JS。还有一个jQuery标记,它将在IE中工作way@mplungjan没有注意到这一点,只是看到他在代码中使用了纯JS。