为空时隐藏带有jquery的单元格(无内容)

时间:2016-07-04 16:06:25

标签: javascript jquery

我试图用jquery隐藏空单元格,但代码不起作用

<script>
jQuery(document).ready(function() {
    if(jQuery('.tabcontent_01_custom_property_fields').html())
    {
      ( $("th:empty").text().length == 0) .css('display', 'none');
    }
});

任何提示都会很棒。

1 个答案:

答案 0 :(得分:2)

您已经拥有:empty选择器,这已足够。看到工作小提琴:

HTML:

<body>
  <table class="table">
    <tr>
      <td>Test</td>
      <td></td>
      <td>Test 2</td>
      <td></td>
      <td>Test 3</td>
    </tr>
  </table>
</body>

JS:

jQuery(document).ready(function() {
  if(jQuery('.table').html())
  {
    ( $("td:empty").css('display', 'none'));
  }
});

https://jsfiddle.net/8vym5vk8/1/

你甚至可以缩短JS:

jQuery(document).ready(function() {
     ( $(".table td:empty").css('display', 'none'));
});

https://jsfiddle.net/8vym5vk8/2/