read contents from $(this) selector and its children separately?

Question

how to read contents from $(this) selector and its children separately?

    <div class="para">
      <h1 class="hd">heading 1</h1>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tincidunt pharetra         est, quis facilisis purus elementum ut. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
    </div>

I can read the contents of the <h1>separately using $(this).children("h1").text() but how do you read the content from the excluding <h1>?

thanks

Answer 1

$(this).find(:not(h1)).text();

Where you take this and then find anything in it which is not an h1.

Edit: Sorry, val() was incorrect needed to be text per comment, thanks.

Answer 2

You can get the content via a .clone(), like this:

$(this).clone().children("h1").remove().end().text() 

You can give it a try here, all we're doing is cloning the element, removing that <h1> from the clone then getting the text out.