如何使用jquery切换表行,一次切换一行?

时间:2012-05-22 11:24:42

标签: jquery toggle html-table tablerow

我创建了一个包含切换行的html表。但我想要的是 当我切换一行之前切换的行应该隐藏。请帮忙

2 个答案:

答案 0 :(得分:1)

我假设点击事件

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

答案 1 :(得分:0)

这个怎么样?假设您在点击时执行此操作,则可以将最后单击的项目存储到变量中。像这样:

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

    $(this).toggle();

    lastClicked = $(this);
});