Question

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

我们必须有类似的div：

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

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

Answer 1

使用empty selector，可能与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

是的，您可以使用jQuery的test() API，或DOM指定的innerHTML和textContent。

<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

浏览器中有textContent属性支持W3C DOM Core方法，而innerText属性支持IE模型。有些浏览器支持两者。

所以你可以这样做：

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

如何确定div之间的内容？

3 个答案: