javascript - 选择没有元素环绕的内容

标签 javascript jquery html css

<分区>

在下面的代码中,我想通过使用 jquery、javascript 或 CSS 显示父容器内的其他元素来隐藏“Lorem Ipsum is a dummy content”?非常感谢解决方案。

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

最佳答案

为此,您需要定位 .someWrapper 元素的 textNode 并将它们从 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>

关于javascript - 选择没有元素环绕的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35001691/

相关文章:

jquery - 当选择名称相同但值不同的情况下禁用同级元素

javascript - 使用 Backbone Collection 时无法每次通过 Jquery 输出所有 JSON 项目

javascript - Rails/Javascript : Data attribute not returned through partial, 但存在于 DOM 中

javascript - 在javascript中使用 "this"关键字

javascript - [JS]更改多级对象值

javascript - 将父网格的嵌套网格中的每一行悬停

javascript - JS TinyMCE 正在保存整页

javascript - 有条件地为 iPhone 4 设置视口(viewport)?

javascript - 单击更改按钮和 div

php - 将可选输入表单插入数据库