Question

I have the below html markup

<div class="title-wrap">
      <span class="title">Hello World</span>
        <br/>
   This title is about Hello World
</div>

and I want to target the text ‘This title is about Hello World’

But I can’t work out how to do this with out also including the span? Is it possible to achieve this with the html in this format?

I have tried using

var test = (jQuery('.title-wrap').text() || '' );
alert (test);

but this returns

Hello World

This title is about Hello World

as shown in this fiddle.

Answer 1

You can use this:

var test = (jQuery('.title-wrap')
        .clone()    //clone the element
        .children() //select all the children
        .remove()   //remove all the children
        .end()  //again go back to selected element
        .text() || '' );
alert (test);

Output:

This title is about Hello World

Fiddle: http://jsfiddle.net/Y6dcU/6/