在單個表格行上工作的點擊事件？

Question

我在jQuery中選擇表格的單行時出現問題，這個表格有一個類0123'，然後定義了一個可變數字，所以我的第一行將有一個類edit1，第二個edit2等等。

我的問題是，我可以觸發表中最後一行的click事件，我明顯知道爲什麼，但我找不到有關如何實際動態選擇這些行的信息。

我試圖。每個方法是這樣的：

$('table tr').each(function(){ 
     $('.edit{{server->id}}').on('click', function(){ 
       $(this).attr("contenteditable", "true"); 
       $(this).addClass('form-group'); 
       $('div.editable').addClass('form-control'); 
       $('div.hidbtn').removeAttr('hidden'); 
     }); 
}); 

而且這顯然不工作，因爲在這裏我只是{{server->id}}是指從創建該行一個foreach拍攝的最後{{server->id}}。

我怎樣才能把它放在一個方式來選擇每一行，併爲每一個點擊事件？

腳本內的foreach？

我很抱歉，如果這會導致這樣一個愚蠢的問題..

我使用Laravel 5.4的方式。

在此先感謝！

Answer 1

當您通過每個tr遍歷表並需要將事件綁定到每行內部的元素.edit時，那麼您只需「查找」該元素並將事件綁定到它。

$('table tr').each(function(){ 
    $(this).find('.edit').on('click', function() { 
     ... 
    }); 
}); 

Answer 2

嘗試這樣

var id=1; 
$('table tr').each(function(){ 
    $('.edit'+id).on('click', function(){ 
     $(this).attr("contenteditable", "true"); 
     $(this).addClass('form-group'); 
     $('div.editable').addClass('form-control'); 
     $('div.hidbtn').removeAttr('hidden'); 
    }); 
    id+=1; 
}); 

要不然這樣
HTML： -

<td onclick="clickFunctio()"></td> 

jQuery的： -

function clickFunctio() { 
     $(this).attr("contenteditable", "true"); 
     $(this).addClass('form-group'); 
     $('div.editable').addClass('form-control'); 
     $('div.hidbtn').removeAttr('hidden'); 
    }