Question

lets say i have this lump of 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>

What i want to do using jQuery/JavaScript is hide/remove all text and elements between <span class="title"> and <div class="image">.

I’ve looked all over and found pretty much nothing. Any ideas on how i could do this?

Answer 1

How about something like this? http://jsfiddle.net/ZW8q2/1

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