javascript - 如何确定 div 之间是什么？

Question

听起来像一个简单的问题：

我们必须类似的div：

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

如何确定第一个具有 0 值而第二个已填充？是否有任何特定的 jQuery 或 JS 函数？

Answer 1

使用empty选择器，可能结合使用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 或innerHTMLDOMtextContent指定的 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 核心方法的浏览器中有textContent属性，支持 IE 模型的浏览器有innerText属性。一些浏览器同时支持两者。

所以你可以这样做：

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