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

Question

假设我有这 block 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"> .

我找遍了，几乎什么也没发现。关于我如何做到这一点的任何想法？

Answer 1

这样的事情怎么样？ http://jsfiddle.net/ZW8q2/1

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