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＆＃39;在场：

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

因此，细胞不是空的。看看这个小提琴为你的大脑提供一些燃料：http://jsfiddle.net/mx07d7fz/

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

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

1 个答案: