点击行，怎么隐藏下面的行。

如上图。怎么根据id循环判断点击行比如点击id="01,"行时。 id="01,0101,"、id="01,0102,"、id="01,0102,010201,"行隐藏
依次
   点击id="01,0101"行时。id="01,0102,"、id="01,0102,010201,"行隐藏
再依次
   点击id="01,0102,"行时。id="01,0102,010201,"行隐藏
...

解决方案 »

  1.   

    function close(id)[
         var cid = id.subString(0,id.length-1); //获取点击id的去除最后一位
         写个正则，id为cid开头的hidden就ok了
    }
      

  2.   

    你喜欢用table那我也用table做一个<html>
    <head>
    <script>
    function hiddentd(id)
    {
    var td1 = document.getElementById("t1");
    var td2 = document.getElementById("t2");
    var td3 = document.getElementById("t3");
    alert("点击了" + id);
    if(id == "t1")
    {
    td1.style.display = '';
    td2.style.display = 'none';
    td3.style.display = 'none';
    }
    else if(id == "t2")
    {
    td1.style.display = 'none';
    td2.style.display = '';
    td3.style.display = 'none';
    }
    else if(id == "t3")
    {
    td1.style.display = 'none';
    td2.style.display = 'none';
    td3.style.display = '';
    }
    }
    function alls()
    {
    var td1 = document.getElementById("t1");
    var td2 = document.getElementById("t2");
    var td3 = document.getElementById("t3"); td1.style.display = '';
    td2.style.display = '';
    td3.style.display = '';
    }
    </script>
    <style>
    td {
    cursor: hand;
    border: 1px #ff0000 solid;
    }
    </style>
    </head>
    <body>
    <table>
    <tr>
      <td id="t1" onclick="hiddentd(this.id);">这个是1</td>
    </tr>
    <tr>
      <td id="t2" onclick="hiddentd(this.id);">这个是2</td>
    </tr>
    <tr>
      <td id="t3" onclick="hiddentd(this.id);">这个是3</td>
    </tr>
    </table>
    <input type=button onclick="alls();" value="显示全部"/>
    </body>
    </html>
      

  3.   

    饿。。写成隐藏列了
    隐藏行就是把<td>里面的id="t1" onclick="hiddentd(this.id);
    放到<tr>里
      

  4.   

    如果用jquery的话
    $("tr[id^='"+this.id+"']").toggle();attribute^=value
    匹配给定的属性是以某些值开始的元素
      

  5.   

    用jquery写的。终于写好了。谢谢大家的意见。哈哈。