單擊html表內的按鈕，並獲得同一行上的值

Question

我在點擊html表中的按鈕時遇到問題，並獲取同一行上的值並將其傳遞給輸入FullName 。我怎樣才能做到這一點？感謝

<td><?php echo $r['signatoryname'] ?></td> 
           <td><?php echo $r['signatoryposition'] ?></td> 
           <td><?php echo $r['signatoryoffice'] ?></td> 
           <td> 

           <button type="button" class="btnedit btn btn-xs btn-success"> 
           <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>Edit 
           </button> 
           </td> 

<input id="Fullname" class="form-control" > 

Answer 1

您可以使用這樣的，

$(".btnedit").click(function() { 
    var name = $(this).closest("tr").find("td:eq(0)").text(); 
    $("#Fullname").val(name); 
}); 

Closest("tr")將返回點擊按鈕的父TR。

然後，您可以使用其索引找到子td。

find("td:eq(0)")將返回第一個td選定的tr。在你的情況下，它將返回簽名名稱。

同樣，你可以使用find("td:eq(1)") & find("td:eq(2)")

Answer 2

你可以試試這個，或者改變你的結構，按照你的層次結構。

$('.btnedit').click(
function(){ 
    var uName = $(this).parent().prev().html(); 
    $(this).parent().next().children('.form-control').val(uName) 
}); 

working fiddle