Javascript 使用jquery访问动态创建的表的子级

Javascript 使用jquery访问动态创建的表的子级,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在使用javascript创建一个动态表 HTML代码: <table id="user_stop_table" class="table table-striped"></table> 您能帮助我如何编写命令来检索该单元格的特定列吗?您可以使用closest()获取tr包含按钮,然后获取其第四个td。还可以使用on()绑定动态添加的元素。请记住,eq是基于零的索引,所以第四个元素将有3个索引 $(document).on('click','.editbtn1',f

我正在使用javascript创建一个动态表

HTML代码:

<table id="user_stop_table" class="table table-striped"></table>
您能帮助我如何编写命令来检索该单元格的特定列吗?

您可以使用
closest()
获取
tr
包含按钮,然后获取其第四个
td
。还可以使用on()绑定动态添加的元素。请记住,eq是基于零的索引,所以第四个元素将有3个索引

$(document).on('click','.editbtn1',function(){
   alert($(this).closest('tr').find('td').eq(3).text());
});

事件委派允许我们将单个事件侦听器附加到 父元素,该元素将为匹配 选择器,无论这些子体现在存在还是添加到 未来

使用以下命令:

$(document).on('click','.editbtn1',function(){
   console.log($(this).closest("tr").find("td:eq(3)").html());
});
$(文档).on('click','editbtn1',function(){
警报($(this).closest(“tr”).find(“td:eq(3)”).html());
});
$(document).on('click','.editbtn1',function(){
   alert($(this).closest('tr').find('td').eq(3).text());
});
$(document).on('click','.editbtn1',function(){
   console.log($(this).closest("tr").find("td:eq(3)").html());
});