Question

在下面的代码中，我想隐藏＆＃34; Lorem Ipsum是一个虚拟内容＆＃34; ，通过使用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()。试试这个：

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

你可以使用一行代码，使用普通的JavaScript：

document.getElementsByClassName('someWrapper')[0].firstChild.remove();

<强> jsFiddle example

或jQuery：

$($('.someWrapper').get(0).firstChild).remove();

<强> jsFiddle example

Answer 3

您可以选择内部内容，清空外部元素并再次附加内部盎司：

$(document).ready(function(){
  $outer = $('.someWrapper');
  $inner = $('.anotherContainer');
  $outer.empty();
  $outer.html($inner);
});

这里是小提琴：https://jsfiddle.net/woo3cgwx/

选择没有元素的内容

3 个答案: