选择没有元素的内容

Question

在下面的代码中,我想隐藏"Lorem Ipsum是一个虚拟内容",通过使用jquery,javascript或CSS显示父容器中的其他元素？解决方案非常感谢

 <div class="someWrapper">
     Lorem Ipsum is a dummy content
      <div class="anotherContainer">
          <p>Text goes here</p>
      </div>
 </div>

Answer 1

要做到这一点,你需要瞄准textNode的的.someWrapper元素,并从DOM中删除.要做到这一点,你可以使用filter()和remove().试试这个:

$('.someWrapper').contents().filter(function() {
  return this.nodeType == Node.TEXT_NODE; // 3
}).remove()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="someWrapper">
  Lorem Ipsum is a dummy content
  <div class="anotherContainer">
    <p>Text goes here</p>
  </div>
</div>