自定义字段为空时显示/隐藏HTML元素

Question

我在页面上有自定义字段，这些字段是从表单上的用户输入中收集的。每次只插入一个（customfield1和customfield2）。如果div或customfield1为空，我不知道如何隐藏整个customfield2（class =“customfield”）。我无法将customfield更改为不同的类或ID。

非常感谢！

<div class="customfield">
    <h4>Custom field title 1</h4>
    <?php if( get_post_meta($post->ID, "customfield1", true) ): ?>
    <?php echo get_post_meta($post->ID, "customfield1", true); ?>
    <?php endif; ?>                     
</div>

<div class="customfield">
    <h4>Custom field title 2</h4>
    <?php if( get_post_meta($post->ID, "customfield2", true) ): ?>
    <?php echo get_post_meta($post->ID, "customfield2", true); ?>
    <?php endif; ?>                     
</div>

Answer 1

$(".customfield").filter(function () {
   return $.trim($('p', this).text()) === '';
}).hide();​

这会隐藏包含没有文字的.customfield的所有<p>个元素。