Javascript 简单jQuery句柄处理

我有一个简单的HTML页面，其中我将有几行，每行指定数据库中的一条记录，每行上都有一些要收集的输入字段，最后还有一个链接，当我单击时，我需要收集同一行上的输入字段值

HTML如下所示：

<tr>
    <td>Name</td>
    <td><input name="mode_sort"/></td>
    <td><input name="mode_selected" type="checkbox"/></td>
    <td><a href="#" onclick="return add_this_mode(this);">Add</a></td>
</tr>

名称

---

因此，当我单击“添加”链接时，我将编写代码来收集行上的输入字段，我不确定如何传递当前单击的选择器并使用

Add_this_mode（）中的选择器获取字段值

函数。

在函数中，可以使用jQuery遍历方法隔离父行，然后查找该行中的元素

function add_this_mode( elem){
  /* get parent row */
  var $row = $(elem).closest('tr');
   /* use find() to get other elements in row */
  alert( $row.find('[name=mode_sort]').val() );

}

---

您可以通过jQuery找到该行中的输入。即使使用jQuery，我也会为add按钮使用类选择器，而不是函数名。