jquery - 清空 jQuery 中 tr 中的所有输入字段？

Question

<tr>
<td>X</td>
<td><input type="text" value="blabla"></td>
<td><input type="text" value="blabla"></td>
<td><input type="text" value="blabla"></td>
<td><input type="text" value="blabla"></td>
</tr>
<tr>
<td>X</td>
<td><input type="text" value="again"></td>
<td><input type="text" value="again"></td>
<td><input type="text" value="again"></td>
<td><input type="text" value="again"></td>
</tr>

如何在 jQuery 中单击 X，它将清空 tr 内的输入字段？

Answer 1

将带有 X 的单元格更改为:

<td><a href="#" class="click-here">X</a></td>

然后将其放入页面中的脚本标签内:

jQuery(document).ready(function() {
  jQuery('.click-here').click(function() {
    jQuery(this).parents('tr').find('input').val('');
  });
});

更新

基于类名而不是 ID 制作 jQuery，因此它更可重用。