如上图。怎么根据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,"行隐藏
...
依次
点击id="01,0101"行时。id="01,0102,"、id="01,0102,010201,"行隐藏
再依次
点击id="01,0102,"行时。id="01,0102,010201,"行隐藏
...
解决方案 »
- 高手请进!十万火急! iframe跨域提交表单 后获取iframe的内容(访问拒绝) 已经几天了
- 火狐下居然打死也不显示
- 如何给图片动态加外框?
- 在线等急 关于函数执行问题[内详]
- 再论showModalDialog(),我的一个问题?
- <select><option>问题~~~~~~~~~~~~~~ 在线等待~~~~~~~~~~
- 在JavaScript中如何使用treeview啊
- 如何动态为控件添加事件函数?
- C#类里边用javascript实现出错时弹出提示对话框,很繁琐,javascript高手来看.
- 请教JQUERY代码
- FF中readOnly=true不起作用
- iframe 里面方法
var cid = id.subString(0,id.length-1); //获取点击id的去除最后一位
写个正则,id为cid开头的hidden就ok了
}
<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>
隐藏行就是把<td>里面的id="t1" onclick="hiddentd(this.id);
放到<tr>里
$("tr[id^='"+this.id+"']").toggle();attribute^=value
匹配给定的属性是以某些值开始的元素