如果<p>标记返回空,则删除父div

Question

如果p标签为空,我希望能够删除ap标签的父div.我给了p和id并使用了这行代码.

$('#contentempty:empty').parent().remove();

我已阅读了大量的文档,看起来它应该是正确的,但是当我查看它http://jsfiddle.net/timwilks13/78uQm/它不起作用.谁知道我错过了什么？!谢谢

Answer 1

您不能在同一页面上多次使用相同的ID,而是使用类:

<div>
  <p class="contentempty">
    Hello
  </p>
</div>
<div>
  <p class="contentempty">
  </p>
</div>

和JavaScript :(使用单选择器.contentempty然后使用jQuery.fn.filter链更快)

$('.contentempty').filter(":empty").parent().remove();

您可以使用[jQuery.fn.map] [2]自己检查空,然后检查DOM节点的innerHTML的修剪版本是否等于空字符串"":

$(".contentempty").map(function() {
     return !$.trim(this.innerHTML);
}).parent().remove();