如何選擇特定元素頂部的所有兒童？

Question

我有一個動態的HTML結構。所以，我想並選擇其中的div.test後面的所有內容：

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

---

例1：

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

我想這樣的輸出：hello

---

例題：

<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/

---

編輯：

這是儘可能接近真實結構的OP具有的jsfiddle：http://jsfiddle.net/bbvyps2p/1/