javascript - テーブルの特定の項目を取得しますか?

Question

私は次の機能を持っています：

$ ("# GridView1 tr"). Click (function (e){

                 var $ cell = $ (e.target). closest ("td");
                 $ ("# TextBox3"). Val ($ cell.text ())
   }

TextBox3 がテーブルでクリックされた正方形の値を受け取るようにするのは、その行の任意の正方形をクリックして、テーブルの同じ行の特定の値を取得することでした。あなたはこれを行うことができます？

Answer 1

これは最初に最も近いテーブル行を見つけ、その中で特定のセルを探します (そのセルについて詳細を説明していなかったので、specificここでクラスを使用しました)。

 var $cell = $(e.target).closest ("tr").find('td.specific');

Answer 2

jQuery イベントはtr要素を対象としているため、イベント コールバック内のコードはthisデフォルトでその要素の DOM オブジェクトに割り当てられます。それを使用して、その子 (行内の任意のセル) を見つけることができます。

$('#GridView1 tr').click(function() {
    /**
     * You can grab the `td` you want by specifying its index or using a
     * class selector.
     */
    var desired_cell_index = 5;
    var desired_cell = $(this).find('td').eq(desired_cell_index);

    $('#TextBox3').val(cell_data.text());
});