Question

一个页面包含两个表。第一个表与整个页面一起加载，然后在ajax的帮助下加载第二个表两个表都包含每行中的链接单击链接后，应突出显示相应的表格行（链接所在的位置）。

使用第一个表没有问题。以下工作正常：

$(document).ready(function () {
        $('#firstTable tr a').click(function (event) {               
            $('#firstTable tr').css("background-color", "white");
            $(this).closest('tr').css("background-color", "silver");
        });
    });

但第二张表存在问题。我尝试使用.live()方法，但没有成功，它对点击没有反应：

function onLoad() {
              $('#secondTable tr a').live('click', function () {
                  highlChooseRow();
              });
          }

          function highlChooseRow() {
              $('#secondTable tr').css("background-color", "white");
              $(this).closest('tr').css("background-color", "silver");
          }

我做错了什么？

Answer 1

怎么样

$(document).ready(function () {
    $('#firstTable tr a, #secondTable tr a').live('click', function (event) {               
        $(this).parent('table').find('tr').css("background-color", "white");
        $(this).closest('tr').css("background-color", "silver");
    });
});

应该没有任何问题。对于清理，您还可以定义一些类'.higlightable-table'或类似的东西并使用$('.hightlightable-table a').live ......

JQuery突出显示ajax加载表中的一行

1 个答案: