jquery - 想要使用 jquery 制作可点击的行单元格

Question

下面是使行可点击的代码

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

但是我希望前两个行的单元格是可点击的，我该怎么做呢？

Answer 1

尝试

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

演示：小提琴

:lt(2)如果超过 1 行，使用将不起作用：小提琴

如果您不想使用事件委托

$(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/