jquery - 次の場合は親divを削除しますタグは空を返します

Question

pタグが空の場合、apタグの親divを削除できるようにしたい。pとidを指定し、このコード行を使用しました。

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

私はたくさんのドキュメントを読みましたが、これは正しいはずですが、jsfiddlehttp : //jsfiddle.net/timwilks13/78uQm/では機能しません。誰かが私が欠けているものを知っていますか？！ありがとう

Answer 1

同じページに同じIDを複数回持つことはできません。代わりに、クラスを使用してください。

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

そしてJavaScript:(単一のセレクターを使用してからjQuery.fn.filter.contentemptyでチェーンする方が高速です）

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

---

[jQuery.fn.map] [2]を使用して独自の空のチェックを行い、DOMノードのinnerHTMLのトリミングされたバージョンが空の文字列と等しいかどうかを確認できます""。

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

Answer 2

1. IDの代わりにクラスを使用します（IDは一意である必要があります）
2. 空白がある場合、段落は空ではありません。

http://jsfiddle.net/UNZTV/

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

JS：

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

Answer 3

@NULLはIDについて正しい場合がありますが、<p>実際に空の場合にのみ機能します。

http://jsfiddle.net/sBpCB/

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