Question

如果第二列的单元格为空，如何隐藏整行？使用CSS？

   <table class="maintable" >
  <tr>
<td class="tb_1c">Brand:</td>
<td class="tb_2c">{{ITEMBRAND}}</td>
  </tr>
  <tr>
<td class="tb_1c">Part Number: </td>
<td class="tb_2c">{{ITEMSKU}}</td>
  </tr>
  <tr>
<td class="tb_1c">Part Type:</td>
<td class="tb_2c">{{U_ITEMCAT}}</td>
  </tr>
  <tr>
<td class="tb_1c">Size</td>
<td class="tb_2c"></td>
  </tr>
</table>

我使用Jquery

$("tr").filter(function(){return $("td:last",this).is(":empty");}).hide();

但是桌子所展示的平台并不喜欢它。

Answer 1

您可以使用：not（），：has（）和：空选择器组合如下：

$("tr").not(":has(td:nth-child(2):not(:empty))").hide();

DEMO ：http://jsfiddle.net/fA6S8/2/

Answer 2

根据使用jquery：

 $("tr:has(td.tb_2c:empty)").hide();

Answer 3

没有CSS解决方案，因为目前您无法根据其包含的元素选择元素。

如果您在实施JavaScript解决方案时遇到问题，请提出一个新问题，显示重现问题的相关HTML和JavaScript代码。

隐藏单元格为空的整行表格

3 个答案: