Question

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

但是在同一个表行中，最后一个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而不是整行来扩展表格行吗？

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

Answer 1

不是将click事件应用于整个tr，而是将其应用于相关的单元格，而不是：

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

这将选择行中的每个td，除了行中的最后一个。

要访问下一个tr，您还需要更改该选择器：

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

这将获得您点击的td的父级（tr），然后找到下一个。如果将.arrow类应用于tr，则需要在那里进行：

$(this).parent().find(".arrow").toggleClass("up");

可点击表格行期望最后一个td并在最后一个td展开表格行

1 个答案: