求答： 送大团结

<html>
<head>
<script language="JavaScript" event="onclick" for="document">
<!--
var oElement = event.srcElement;
if(oElement.tagName=="TD"){
var oTable = oElement.parentElement.parentElement.parentElement;
var oTableIDScan = oTable.id+"_";
var oMain = oTable.parentElement;
var howMuchChildren = oMain.children.length;
var oScan = [];
for(i=0; i<howMuchChildren; i++){
if (oMain.children(i).tagName=="TABLE"){
oScan = oMain.children(i);
var x = oScan.id;
x = x.toString(); 
var oScanTable = x.search(oTableIDScan);
if(oScanTable==0){
oScan.style.display==""?oScan.style.display="none":oScan.style.display="";
}
}
}
    }
//-->
</script>
</head>
<body>
<table id="1" border="1">
<tr>
<td>1</td>
</tr>
</table>
<table id="1_1" border="1">
<tr>
<td>1_1</td>
</tr>
</table>
<table id="1_1_1" border="1">
<tr>
<td>1_1_1</td>
</tr>
</table>
<table id="1_1_1_1" border="1">
<tr>
<td>1_1_1_1</td>
</tr>
</table>
<table id="1_1_1_1_1" border="1">
<tr>
<td>1_1_1_1_1</td>
</tr>
</table>
<body>
</html>
提供给你的是不很完善的，你要跟据自己的情况修改一下，应该还有其它方法的

解决方案 »

  1.   

    说明一下，你可以把table的id改成你想要的id再进行测试，测试方法是点击table
      

  2.   

    <table border="1">
    <tr id=1>
    <td><img id=im1> 1</td>
    </tr>
    <tr id=1_1>
    <td><img id=im1_1 onclick="turnit('1_1','im1_1')"> 1_1</td>
    </tr>
    <tr id=1_1_1>
    <td><img id=im1_1_1> 1_1_1</td>
    </tr>
    <tr id=1_1_1_1>
    <td><img id=im1_1_1_1> 1_1_1_1</td>
    </tr>
    <tr id="1_1_1_1_1">
    <td><img id=im1_1_1_1_1> 1_1_1_1_1</td>
    </tr>
    </table>
    我的是上面这样的
    点击 tr的id为1_1里面的td的一个图片时 tr的id 前缀为 1_1_的所有tr全部隐藏起来  像资源管理器里面那样楼上的楼上的楼上的代码 不懂怎么用
    建议做成函数的形式  点击图片调用函数 turnit() 传递参数过去  然后隐藏一些tr 并同时改变图片的src
      

  3.   

    copy过去看看就知啦，就是onclick事件罗
      

  4.   

    主要是 每个 <tr></tr> 里面 都有好几个<td></td>  所以才能上下表格各行对齐
      

  5.   

    <html>
    <head>
    <title> New Document </title>
    <script language="JavaScript">
    <!--
    function turnit(id){
    var oMe = me.children(0).children;
    var meLength = oMe.length;
    var rgExp = id+"_";
    var toStr;
    var checkID;
    for(i=0; i<meLength; i++){
    toStr = oMe(i).id.toString();
    checkID = toStr.search(rgExp);
    if(checkID==0){
    oMe(i).style.display==""?oMe(i).style.display="none":oMe(i).style.display="";
    }
    }
    }
    //-->
    </script>
    </head>
    <body>
    <table border="1" id="me">
    <tr id=1>
    <td><img id=im1 onclick="turnit('1');"> 1</td>
    </tr>
    <tr id=1_1>
    <td><img id=im1_1 onclick="turnit('1_1');"> 1_1</td>
    </tr>
    <tr id=1_1_1>
    <td><img id=im1_1_1 onclick="turnit('1_1_1');"> 1_1_1</td>
    </tr>
    <tr id=1_1_1_1>
    <td><img id=im1_1_1_1 onclick="turnit('1_1_1_1');"> 1_1_1_1</td>
    </tr>
    <tr id="1_1_1_1_1">
    <td><img id=im1_1_1_1_1 onclick="turnit('1_1_1_1_1');"> 1_1_1_1_1</td>
    </tr>
    </table>
    </body>
    </html>