Javascript 从表格单元格上的单击事件获取行的选择器
我在创建的表中有一个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;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
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。