Question

我正在使用jquery在TABLE中显示TR，如下所示：

加载所有表而不是使用JSTL我隐藏某些TR而不是使用链接点击显示这些TR。例如

第0行可见且有链接：
第1行在第0行不可见，当用户点击第0行链接第1行变为可见时。

但是当我点击此链接时，第1行出现但在第0行TD下。</ p>

这是我的Jquery：

function expand_ClickEvent(rowData){

           //get the TR that you want to show/hide
           var _TR = $("#tr_0");
           var TR = $("#tr_1");
           //check its class
           if (TR.hasClass('hide')){
              TR.removeClass('hide'); //remove the hide class
              TR.addClass('show');    //change it to the show class
              TR.insertAfter(_TR);
              //TR.show();              //show the TR (you can use any jquery animation)

           } else {
              TR.removeClass('show'); //remove the show class
              TR.addClass('hide');    //change it to the hide class
              TR.hide();              //hide the TR (you can use any jquery animation)

           }
        }

Answer 1

如果您的html已包含第二个tr，则不应再次插入。并且还使用toggle函数您的代码只是一行：

$("#tr_1").toggle();

使用Jquery显示TR

1 个答案: