jQuery selecting text from an element exclude child

Question

var machine = $('h1').contents(':not(small, a)').text();
console.log(machine);

<h1>Title <small>subheading</small> <a href="#"></a></h1>

I am trying to get the text which is Title to display using the above jQuery but of course this console.logs a blank line. Basically excluding the small and a tags

jsFiddle

I removed the `.modal-left` in the fiddle and it works: [FIDDLE LINK](http://jsfiddle.net/5X8N8/6/) — matewka, Feb 21 '14 at 11:09
possible duplicate of [jquery - get text for element without children text](http://stackoverflow.com/questions/11362085/jquery-get-text-for-element-without-children-text) — Barmar, Mar 15 '14 at 10:09

score 1 · Accepted Answer · answered Feb 21 '14 at 11:17

1

var machine = $("h1")
.clone()    //clone the element
.children() //select all the children
.remove()   //remove all the children
.end()  //again go back to selected element
.text();

alert(machine);

answered Feb 21 '14 at 11:17

monu

370
1
9

jQuery selecting text from an element exclude child

1 Answers1