如何獲取當前HTML表格行中的文本框的值？

Question

我有以下HTML表格：

<table> 
    <tr> 
     <th>Name</th> 
     <th>Button</th> 
    </tr> 
    <tr> 
     <td><input type='text' name='Name' id='Name' class='NameClass' /></td> 
     <td><a id="myLink" >Click Here</a></td> 
    </tr> 
</table> 

我簡化了這個表，因爲有很多的行和列，但基本上，當我點擊鏈接，我想在無論是在名稱值閱讀將文本框轉換爲局部變量（爲了簡化，我們只需提醒該值）。

使用jQuery讀取文本框的值的最佳方法是什麼？我想避免任何硬編碼的列偏移量，因爲儘管它是本例中的第一列，但我可能會添加新列，所以我想讓它更具前瞻性。

Answer 1

的ID都應該是獨一無二的，你可以使用類代替，更換ID，以班後你可以編寫：

$('.myLink').click(function(e){ 
    e.preventDefault(); 
    var val = $(this).closest('tr').find('.NameClass').val(); 
    // var val = $(this).parent().prev().find('.NameClass').val(); 
}); 

Answer 2

另一種選擇

var result= $(this).parent().parent().find('input[type="text"]').val();

如果添加另一種輸入框然後使用需要的值的輸入類名稱

var result= $(this).parent().parent().find('.className').val();