jquery - 如何使用 jquery 切换表行，一次切换一行？

Question

我创建了一个具有切换行的 html 表。但我想要的是当我切换一行时，以前切换的行应该隐藏。请帮忙

Answer 1

我假设一个点击事件

$('table tr').on('click', function() {
  $('table tr:visible').hide();
  $(this).toggle();
})

Answer 2

那这个呢？假设您在点击时执行此操作，那么您可以将最后点击的项目存储到变量中。像这样：

var lastClicked;
$("#yourTable tr").on("click", function () {
    if (lastClicked != null) {
        lastClicked.hide();
    }

    $(this).toggle();

    lastClicked = $(this);
});