如何隐藏/删除两个元素之间的所有文本

how to hide/remove all text in-between two elements?

本文关键字：之间 元素 文本 两个 何隐藏 隐藏 删除      更新时间：2023-09-26

假设我有这段HTML:

<div class="container">
<span class="title">Heading 1</span>
This is a description..<br />
This is the second line..
<div class="image"><img src="image.jpg" /></div>
</div>

我想使用jQuery/JavaScript做的是隐藏/删除<span class="title">和<div class="image">之间的所有文本和元素。

我到处都找遍了，几乎什么也没找到。有什么好主意吗?

这样怎么样?http://jsfiddle.net/ZW8q2/1 

var foo = $('.container').children(':not(br)');
$('.container').html('').html(foo);

你可以试试:

var str = $('.container .title').text() + $('.container .image').html();
$('.container').html(str);

JS小提琴。

试试这个:

在你想要隐藏的地方放置一个标签，给div一个ID名。所以最后的结果是:

<div id = "hideMe" style ="display:block">...Your Content...</div>

使用以下javascript:

    function hide()
    {
    document.getElementById('hideMe').style.display = "none";
    return;
    }

当你想从按钮(或其他控件)隐藏div之间的东西时，调用Javascript函数，像这样:

<input type= "submit" onclick ="hide()">
相关文章：