if($(".xm").text().length>0||$(".lb").text().length>0)//条件只要有一个span有值田间成立
{
//显示
}
else{
//隐藏
$(".liststyle").attr("style","display:none")//隐藏这个table标签
}
$(".xm")是类选择器，表示样式为xm的对象，text()获取span的内容
单行隐藏倒是很好做...首先下载一个JQuery库,在head中用script标签引入进来.之后要用.
每一列对应的td元素设置一个class,例如交易手续费的td列元素设置class="transFee"之类的,能看懂就行.
然后在网页底部加一个script标签.或者单独创一个js文件然后引入,建议用后者(代码量大的话方便排版分工)
然后写上4个$(".[class名]").hide()
class名就分别是前四列的类名了,这个作用是隐藏前面4列所有的元素
三角是一个按钮的话,用他的ID做选择器吧.设置一下id属性
然后$("#[按钮ID]").click(function(){
$(".[class名]").toggle()
})
toggle是切换显示状态,也就是说这个按钮同时做到了展开和收取的功能.
JQuery还是比较有用的,希望能帮到你.
PS:有这个表格的源码么?我不确定这是某个框架的datatable还是单独的加了样式的基础html table 如果是前者的话每次更新数据都要reload的,上面的代码可能没用
<html><script type="text/javascript">
function change(){
if(a.value=="11"){
tr1.style.display="block"
tr2.style.display="none"
tr3.style.display="none"
} else
if(a.value=="22")
{
tr1.style.display="none"
tr2.style.display="block"
tr3.style.display="none"
}
else
if(a.value=="33")
{
tr1.style.display="none"
tr2.style.display="none"
tr3.style.display="block"
} else
if(a.value!="11" || a.value!="22" || a.value!="33")
{
tr1.style.display="none"
tr2.style.display="none"
tr3.style.display="NONE"
}
}
</SCRIPT>
<body>
<table onmousemove="change()">
<tbody><tr><td><input type="text" class="igray" id="a" name="aa"></td></tr></tbody>
<tbody id="tr1" style="display: block"><tr><td>1</td><td>1</td></tr></tbody>
<tbody id="tr2" style="display: block"><tr><td>2</td><td>2</td></tr></tbody>
<tbody id="tr3" style="display: block"><tr><td>3</td><td>3</td></tr></tbody>
</table>
</body>
</html>
经测试无问题。
