Question

JS如何隐藏表格

<table width="100%" align="center" class="liststyle">
<tr>
<td class="td-992">
<h2 class="h992">推荐</h2>
<div class="list">
<ul>
<li>
<span class="xm"></span>
<span class="lb"></span>
</li>
</ul>
<div class="cleartool"></div>
</div>
</td>
</tr>
</table>
如何用JS判断这个表格内SPAN里面有没有内容，如果有就显示这个表格，如果没有就隐藏这个表格!

Answer 1

用jquery
if($(".xm").text().length>0||$(".lb").text().length>0)//条件只要有一个span有值田间成立
{
//显示
}
else{
//隐藏
$(".liststyle").attr("style","display:none;");//隐藏这个table标签

}
$(".xm")是类选择器，表示样式为xm的对象，text()获取span的内容

Answer 2

有2个span啊，都要有内容是吧？

var tbls = document.getElementsByTagName('table');
for(var i=0,j=tbls.length;i<j;i++){
    var spans = tbls[i].getElementsByTagName('span');
    for(var m=0,n=spans.length;m<n;m++){
        //所有span都必须有内容?
        if(spans[m].innerHTML == ''){
            tbls[i].style.display = 'none';
            break;
        }
    }
}

Answer 3

jquery

$('.liststyle td').each(function(){
  var td = $(this);
  if(td.find('.xm:empty,.lb:empty').length === 2) {
    td.hide();
  }
});

Answer 4

jquery 判断
if($("#testspan").html() == "")
{
$this.css(display,none)
}

Answer 5

style="display:none"