2

我有一个表格，表格行应该是可点击的“除了”该行中的最后一个 td。因此，当单击它时，它会打开一个指向新 URL 的新窗口。

但是，在同一表格行中，最后一个 td 也需要可单击以展开表格行以获取更多详细信息。目前我有这个工作，但不是让一个 td 可点击整行（我不想要）。

展开表格行的代码是：-

$("#report tr:odd").addClass("odd");
        $("#report tr:not(.odd)").hide();
        $("#report tr:first-child").show();

        $("#report tr.odd").click(function(){
            $(this).next("tr").toggle();
            $(this).find(".arrow").toggleClass("up");

        });

所以总的来说，我需要最后一个 td 的行可点击期望。

最后一个 td 我希望能够通过单击该 td 而不是整行来扩展表格行？

任何帮助都会很棒 - 我知道我需要什么我只是不知道如何写它。

4

1 回答 1

3

除了将click事件应用于整个tr，您可以将其应用于相关单元格，而不是像这样：

$("#report tr.odd td:not(:last-child)")

这将选择td除该行中的最后一个之外的行中的每个。

要访问 next tr，您还需要更改该选择器：

$(this).parent().next("tr").toggle();

这将获取td您单击的 (a tr) 的父级，然后找到下一个。如果.arrow该类应用于 tr，则同样需要在那里发生：

$(this).parent().find(".arrow").toggleClass("up");
于 2012-07-19T10:38:39.763 回答