想要使用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');
    });
});

演示：Fiddle

如果行数超过1行，则使用:lt(2)将不起作用：Fiddle

如果您不想使用事件委托

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

演示：Fiddle

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/