如果没有数据，则隐藏表格行

Question

我正在WordPress中使用“高级自定义字段”来创建新的内容类型。 在我的模板中，我将文本样式设置为表格布局，如下所示：

<table class="members">
<thead>
</thead>
<tbody>
 <tr>
  <td>
   <h3>Basic Information</h3>
  </td>
 </tr>
 <tr>
  <td>
   <p><strong>Parent Organization:</strong> <?php the_field('parent_organization'); ?></p>
  </td>
</tr>
</tbody>
</table>

现在，如果该网站的成员尚未加入其上级组织，我想隐藏整个行。 我已经看过其他几个有关如何在jQuery中执行此操作的示例，但没有任何答案。 由于我使用的是子主题，因此我在子主题文件夹中添加了一个新的functions.php和自己的child-theme-custom.js。

三种不同的无效尝试的示例：

$('.members tr').filter(function(){
   return $(this).find('td:eq(1):empty').length > 0;
}).hide(); 

$('.members td').find('td:eq(1):empty').parent().hide();

$('.members > tbody  > tr').has('td:empty').hide()

Answer 1

首先，td不为空，因为无论是否存在“ parent_organization”，您都在显示此信息：

<p><strong>Parent Organization:</strong></p>

因此该单元格不为空。 查看此提琴为您的大脑加油： http : //jsfiddle.net/mx07d7fz/

另外，最好确保您的DOM已准备就绪，如user3558931的注释中所述。