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とセル：

を更新記述^^

ノートを読んだ後：あなたはhere 編集2はそれをテストすることができます

<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(''); 
    }); 
}); 

UPDATEを

jQueryをIDではなくクラス名に基づいて作成したので、再利用できます。現在のHTML構造で

Answer 2

$('td').click(function() { 
     var $this = $(this); 
     if ($this.text() == 'X') 
     { 
      $this.siblings().find('input').val(''); 
     } 
    }); 

編集：あなたのコメントの後に更新されます。 "$this.siblings('input').val('');"が動作しない理由を私は知らない：/

Answer 3

これは準備ができてドキュメント内に動作するはずです：

$('tr td:first-child').bind('click', function() { 
    $(this).parent().find('input').val(''); 
}); 

jsfiddle：http://jsfiddle.net/jeffreydev/5S3sv/