Как выбрать всех детей, которые находятся в верхней части определенного элемента?

Question

У меня динамическая структура HTML. Итак, я хочу, чтобы выбрать все содержимое, находятся позади div.test:

<div> 
    /* I want to select everythis is here */ 
    <span class = "test"> 
</div> 

---

example1:

<div> 
    hello 
    <span class = "test"> 
</div> 

Я хочу этот вывод: hello

---

example2 :

<div> 
    this is a <a href="www.example.com">test</a> 
    <span class = "test"> 
</div> 

Я хочу, чтобы этот выход: this is a <a href="www.example.com">test</a>

Кроме того, здесь есть образ моей реальной структуры:

Answer 1

Использование # 2 Пример:

<div> 
    this is a <a href="www.example.com">test</a> 
    <span class = "test"> 
</div> 

Использование этого jquery:

var content = $('div').html().split($('span.test')[0].outerHTML)[0].trim(); 

console.log(content); 

Он будет:

this is a <a href="www.example.com">test</a> 

http://jsfiddle.net/swdn2ews/1/

---

EDIT:

Это jsfiddle с как можно ближе к реальной структуре ФП имели: http://jsfiddle.net/bbvyps2p/1/