如何模擬數據表中的鼠標單擊？

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')  

            })
    });