jquery - 如何获取当前 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>

我正在简化该表，因为有很多列和行，但基本上当我单击链接时，我想将 Name 文本框中的任何值读入局部变量（为简化起见，我们可以提醒该值）。

使用 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();