<table>の<td>内に設定しているテキストボックスの値をjqueryでクリアしたい。

Question

ご覧いただきありがとうございます。

HTMLで以下のようなテーブルを作成しています。
各行にあるクリアボタンを押すと該当行の値(text,number,td内の値)をすべてクリアしたいです。
クリアボタンには[row_clear]クラスを定義しています。

<table>
  <tr>
    <td><input type="button" class="row_clear" value="クリア" /></td>
    <td><input type="text" value="あああああ" /></td>
    <td><input type="text" value="いいいいい" /></td>
    <td><input type="number" value="111" /></td>
    <td>ううううう</td>
  </tr>
  <tr>
    <td><input type="button" class="row_clear" value="クリア" /></td>
    <td><input type="text" value="あああああ" /></td>
    <td><input type="text" value="いいいいい" /></td>
    <td><input type="number" value="111" /></td>
    <td>ううううう</td>
  </tr>
  <tr>
    <td><input type="button" class="row_clear" value="クリア" /></td>
    <td><input type="text" value="あああああ" /></td>
    <td><input type="text" value="いいいいい" /></td>
    <td><input type="number" value="111" /></td>
    <td>ううううう</td>
  </tr>
</table>

    $(document).on('click', '.row_clear', function () {
        var row = $(this).parents('tr');

        ・・・・・・・・・・
    });

row以降、
各値をidやname、クラスを指定せずにクリアするには、
jqueryでどのように記載すればよいかわからず悩んでおります。

どうぞ、よろしくお願いいたします。

Answer 1

こういうことですか？

$(function(){
  $('.row_clear').on('click',function(){
    $(this).closest('tr').find('[type=text],[type=number]').val('');
  });
});

Comments

[ryu_k]

早速教えていただきありがとうございました。
実現できました！
本当に助かりました。ありがとうございます。

※trからchildrenでtdたどって、その中のコントロール・・・というやり方かと思っていましたが、
こんな便利なやり方があることに驚きました。