Как в теге отделить текст от соседних тегов

[Altai]

В общем для наглядности:

<div>
Нужный Текст
<span>Соседний тег</span>
</div>

Как мне получить "Нужный Текст" без текста из соседнего тега ?

[рони]

Altai,

<div>
Нужный Текст
<span>Соседний тег</span>
</div>
<script>
var text =  document.querySelector('div').firstChild.data.trim();
alert(text);
</script>

[Altai]

<div>
Нужный Текст
<span>Соседний тег</span>
</div>
<script>
var text =  document.querySelector('div').firstChild.data.trim();
alert(text);
</script>

firstChild - не вариант. Нужно универсальное решение, т.к. соседних тегов может быть несколько, а нужный текст может быть в конце или по середине. Я полагаю, что с этой задачей легче справиться на jquery, но логику придумать не получается

[рони]

Altai,
тогда циклом по childNodes и собирайте нужный текст

[рони]

Altai,

<div>
Нужный Текст
<span>Соседний тег</span>
</div>
<script>
var div = document.querySelector('div')
var text =  [].reduce.call(div.childNodes,function(str,el) {
if(el.nodeType == 3) str += el.data ;
return str
},'');
alert(text);
</script>

[Altai]

О, спасибо большое, то что нужно!

[dd_smol]

На jQuery можно как-то так.

var text = $.trim( $('div').clone().children().remove().end().text() );