javascript - divの間に何があるかを判断する方法は?

Question

簡単な質問のように聞こえます:

同様の div が必要です。

• <div class='child'></div>
• <div class='child'>SMTH SMTH</div>

最初の値が 0 で、2 番目の値が入力されていることを確認するにはどうすればよいですか? 特定の jQuery または JS 関数はありますか?

Answer 1

一致した要素の少なくとも 1 つが指定されたセレクターを満たすかどうかを判断するには、おそらく と組み合わせてemptyselectorを使用します。is

var empty = $(".child:empty"); // gets empty elements with class child
var isEmpty $(".child").first().is(":empty"); // determines if the first .child div is empty.

例: http://jsfiddle.net/andrewwhitaker/txeEE/

Answer 2

はい、test()jQueryのAPIinnerHTMLやtextContentDOM指定のAPIを利用できます。

<div class="child"><b>test</b> content</div>

<script>
    var child = document.querySelector('.child');
    alert(child.innerHTML); // <b>test</b> content
    alert(child.textContent); // test content

    var $child = $('.child');
    alert($child.text()); // test content
</script>

Answer 3

W3C DOM Core メソッドをサポートするブラウザにはtextContentプロパティがあり、 IE のモデルをサポートするブラウザにはinnerTextプロパティがあります。一部のブラウザは両方をサポートしています。

したがって、次のことができます。

if (!(el.textContent || el.innerText)) {
  // element has no text content
}