jquery - jqueryを使って行のクリック可能なセルを作りたい

Question

以下は、行をクリック可能にするためのコードです

$(document).ready(function () {
        $('#myTableData').on('click', 'tr', function() {alert('hello');});
    });

しかし、行の最初の2つのセルをクリック可能にしたいのですが、どうすればできますか?

Answer 1

試す

$(document).ready(function () {
    $('#myTableData').on('click', 'tr td:first-child,td:nth-child(2)', function() {
        alert('hello');
    });
});

デモ:フィドル

:lt(2)複数の行がある場合、使用は機能しません: Fiddle

イベント委任を使用したくない場合

$(document).ready(function () {
    $('#myTableData tr').find('td:lt(2)').click(function () {
        alert('Hello');
    });
});

デモ:フィドル

Answer 2

を使用できますlt(2)が、次のようにします。

$(document).ready(function () {
  $('#myTableData tr').each(function() {
    $(this).on(
      'click', 
      'td:lt(2)', 
       function() {
         alert('hello');
    });
  });
});

http://jsfiddle.net/ozrentk/jc84D/1/