javascript - jQueryは、テーブルの特定の列内の各要素を取得します

Question

私のテーブルは次のようなものです：

<table>
    <tr>
       <td>
           <img src="" />
           <span>blah</span>
       </td>
    </tr>
    ...

したがって、各行の最初の列には画像が含まれます。この画像ごとにイベントを登録する必要があります。では、どうすれば選択できるのでしょうか。

私はこれを試しました：

td:eq(0):nth-child(0)

しかし、それは機能していません。

score 2 · Accepted Answer

このセレクタのようなもの：

td:first-child > img

私が推測する動作する必要があります...

score 2 · Accepted Answer

セレクターの場合nth-child、インデックスは 1 ベースです。私はこのようなものがあなたのために働くと思います:

$("td:nth-child(1) > img")

またはさらに簡単：

$("td:first-child > img")

score 1 · Accepted Answer

私はお勧めします：

$('table tr td:first-child img').on('event', function (){
    // handle the event here
});

score 0 · Accepted Answer

次のように、テーブルの最初の列の画像を選択できます。

$('tr').find('td:eq(0)')

score 0 · Accepted Answer

$('tr td:first-child')

$('tr').find('td:eq(0)')

$("tr td:nth-child(1)")

score 0 · Accepted Answer

$('table > tr > td:first-child > img').bind('click', function() {
   // your code
});

より正確にするために、テーブルに一意のIDを付けます。

$('#table_id > tr > td:first-child > img').bind('click', function() {
   // your code
});

上記のコードの「クリック」を、確認する必要があるイベントに置き換えます。

score 0 · Accepted Answer

これをチェックして

$(function(){
$("table tr td:first-child").on("click","img",function(){
    console.log("hey");
});
});

8 に答える 8