javascript - 简单的 jQuery 句柄处理

Question

我有一个简单的 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 中的字段值获取字段值() 函数。

Answer 1

在函数中，您可以使用 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() );

}