如何模拟数据表中的鼠标单击？

Question

当我单击“ Edit按钮以打开表中的内联编辑器时，我想在数据表中模拟鼠标单击（我正在使用Datatables插件制作表）。 为此，我使用$("#datatable td").trigger("click"); ，它是可行的，但是使用此方法，可以为表的每一行打开内联编辑器，而我想在按钮所在的行而不是到处都打开内联。

JS：

$("#datatable").on("click", "#btn_ed", function () {
    $("#datatable td").trigger("click");
});

Answer 1

使用closest来查找属于按钮的td ：

$(document.body).on('click','.editBtn', function() {
    $(this).closest('td').trigger("click");
});

假定您的编辑按钮具有class editBtn 。

还要注意，我使用的是三参数方法，即使稍后再添加新的td ，它也会使点击处理程序正常工作。

我看到您在问题中添加了一个代码段，该代码段使用ID选择编辑按钮。 这是一种不好的做法，一个元素的ID应该唯一，选择器只能应用于一个结果。 最好对所有编辑按钮使用一个类。

Answer 2

试试这个，希望对您有所帮助

 $("#datatable").on("click", "#btn_ed", function () {

             $(this).closest('tr').find('td').each(function(e){

                   $(this).trigger('click')  

            })
    });