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

Question

我在页面上有自定义字段，这些字段是从表单上的用户输入中收集的。每次只会插入一个（customfield1和customfield2）。如果or为空，我不知道如何隐藏整个div(class="customfield") 。我无法更改为不同的班级或身份证。customfield1customfield2customfield

非常感谢你！

<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包含 a<p>且没有文本的元素。