选择不包装元素的内容
选择不包装元素的内容
提问于 2016-01-25 20:25:44
在下面的代码中，我想通过使用jquery、javascript或CSS在父容器中显示其他元素来隐藏"Lorem是一个虚拟内容“？解决方案很受欢迎。
<div class="someWrapper">
Lorem Ipsum is a dummy content
<div class="anotherContainer">
<p>Text goes here</p>
</div>
</div>回答 3
Stack Overflow用户
回答已采纳
发布于 2016-01-25 20:28:30
要做到这一点，您需要针对.someWrapper元素的.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>
Stack Overflow用户
发布于 2016-01-25 20:37:52
您可以用一个衬垫来完成这一任务，无论是使用普通的JavaScript：
document.getElementsByClassName('someWrapper')[0].firstChild.remove();或者jQuery：
$($('.someWrapper').get(0).firstChild).remove();Stack Overflow用户
发布于 2016-01-25 20:33:26
您可以选择“内部内容”、“空外部元素”并再次追加“内部盎司”：
$(document).ready(function(){
$outer = $('.someWrapper');
$inner = $('.anotherContainer');
$outer.empty();
$outer.html($inner);
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35001691
复制相关文章
相似问题
腾讯云开发者
