jQuery的 - 隱藏的表，如果它包含1 <tr>和1​​含

Question

我有一個表，如下所示：

<table> 
    <tr> 
    <td>&nbsp;</td> 
    </tr> 
</table> 

哪有AI結構的jQuery選擇以這樣一種方式，它的外觀對於包含 的單元格的表格並將表格設置爲display: none;

請幫助嗎？

Answer 1

$('table').each(function() 
{ 
    var $table = $(this), 
     numTRs = $table.find('tr').length, 
     $tds = $table.find('td'), 
     numTDs = $tds.length; 

    if (numTRs === 1 && numTDs === 1 && $tds.html() === ' ') 
    { 
     $table.hide(); 
    } 
}); 

測試用例：http://jsfiddle.net/mattball/WhAcB/

Answer 2

這將根據規範工作，仍然是純粹的Jquery：

$('table tr:only-child td:only-child').filter(function() { 
     return $(this).html() === ' ';}).closest("table").hide(); 

什麼困擾我的是在表中的特殊字符。否則它會更簡單。

<table> 
    <tr> 
    <td>nbsp</td> 
    </tr> 
</table> 

<script type="text/javascript"> 
    $('table tr:only-child td:only-child:contains("nbsp")').closest("table").hide(); 
</script> 

Answer 3

看一看在following

$('table').each(function() { 
    var $this = $(this); 
    var trCount = $this.find('tr').length; 
    var tdCount = $this.find('td').length; 

    if (trCount == 1 && tdCount == 1) { 
     var tdContents = $this.find('td:first').html(); 
     if (tdContents == ' ') { 
      setTimeout(function() { 
       $this.hide(); 
      }, 2000); 
     } 
    } 
});