jquery - 行内のすべてのテーブル列を選択する方法はありますが、最初はjQueryを使用していますか?

Question

テーブルの行をクリックできるようにしたいと思います。最初の列を除いて、すべての列をクリック可能にする必要があります。ただし、行をクリックしているときにこれを達成したいと思います。

これは私がこれまでに持っているコードです:

    $('.table tbody tr').click( function (e) {
        alert ($(this).find('td').eq(1).text());
    } );

このコードは、行のどこをクリックしても常に実行されます。ただし、最初のセルを除いて、すべての表のセルをクリックできるようにしたいと思います。

可能ですか？

score 5 · Accepted Answer

次のようなことができます。

$('.table tbody tr').on('click', function(e) {
    if ($(e.target).closest('td:first-child').length) {
        return;
    }

    // your code
});

これは、「クリックされた要素がであるtd:first-childか、祖先がであるtd:first-child場合、何もせず、それ以外の場合は続行する」ことを意味します。

score 1 · Accepted Answer

このようなデリゲートイベントを使用してみてください、

$('.table tbody tr').delegate( 'td', 'click', function() {
   alert ($(this).text());
    // implement your logic...

});

score 1 · Accepted Answer

CSS の Not セレクターを使用して、最初の tr 要素をスキップします。

$('.table tbody tr:not(:first-child)').click( function (e) {
    alert ($(this).find('td').eq(1).text());
} );

3 に答える 3