Question

How do I select the title but not the subtitle here:

<h1 id="banner">
This is the Title 
<span id="subtitle">and the subtitle</span>
</h1>

I’d like to do something like

h1 < span#subtitle {font-weight:bold}

or

h1:not(#subtitle) {font-weight:bold}

Answer 1

To extract just the title text, but not the subtitle, use the following:

var text = $("#banner").contents().filter(function () {
  if (this.nodeType == 3) { // Text Node
    return this;
  }        
})[0];

DEMO.