javascript - 使用 JQUERY 在 tbody 没有行时更改 css

Question

如果表体没有一行，我想通过 jquery 更改 css。我怎样才能做到这一点？这是我的方法。我的问题是它不起作用，我试图在 if 语句中放置一个 alert 但 alert 没有出现。如果 tbody 没有 tr，我想隐藏 table。

$(document).ready(function() {
  var tbody = $(".table-condensed tbody");
  if (tbody.children().length == 0) {
    $(".blankdata").css("display", "none");
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="table table-bordered table-condensed">
  <thead>
    <tr>
      <th class="text-center blankdata">EMPLOYEE NAME</th>
      <th class="text-center blankdata">DESCRIPTION</th>
      <th class="text-center blankdata"># of Payments</th>
      <th class="text-center blankdata">LOAN AMOUNT</th>
      <th class="text-center blankdata">TOTAL PAYMENT</th>
      <th class="text-center blankdata">BALANCE</th>
      <th></th>
    </tr>
  </thead>
  <tbody class="table-warehouse">
    <tr id="blank">
      <td class="text-center blankdata"></td>
      <td class="text-center blankdata"></td>
      <td class="text-center blankdata"></td>
      <td class="text-center blankdata"></td>
      <td class="text-center blankdata"></td>
      <td class="text-center blankdata"></td>
      <td class="text-center"></td>
    </tr>
  </tbody>
</table>

Answer 1

尝试:

if (!$('.table-condensed tbody tr').length)