jquery - 如果 标签返回空，移除父 div

Question

如果 p 标签为空，我希望能够删除 p 标签的父 div。我已经给出了 p 和 id 并使用了这行代码。

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

我已经阅读了很多文档，这看起来应该是正确的，但是当我 jsfiddle 它时 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();