javascript - 如何隐藏不包含文本的 DOM 元素？

Question

我想知道如何在 JavaScript 中隐藏不包含任何文本的 DOM 元素，例如:

<ul>
  <li>Text</li>
  <li>Text</li>
  <li>Text</li>
  <li>Text</li>
  <li>Text</li>
  <li>Text</li>
  <li></li> <!-- Element to hide -->
</ul>

我目前写过:

var point = document.getElementsByTagName("li");
for(var i = 0; i < point.length; i++){
   if(point[i].text==""){
      point[i].style.display = "none";
   }
}

谢谢!

Answer 1

为什么不使用 jQuery 来实现这一点，它将消除浏览器差异:

$('li').each(function (){
    if($(this).html()==="") {
        $(this).css({"display":"none"});   
    }
});