jQuery選擇困惑

Question

我有下面的代碼..

<span class="under"> 
texthere 
    <ul class="list"> 
     <li> list text here</li> 
    </ul> 
</span> 

當我運行$(".under").text()我 「在這裏textherelist文本」 獲得。我試過$(".under :not(.list)").text()並得到underfined。

我還沒有得到正確的輸出$(".under").not(".list").text()

所以我最後學嘗試爲$(".list").parent().text()

這將導致這裏

textherelist文字我在哪裏有這麼簡單的東西去錯了嗎？

p.s.如果它更簡單，不一定非得是jQuery。

求購結果：texthere

Answer 1

從docs：

說明：獲取每個元素的組合的文本內容中匹配的元素，包括其後代的集 。

所以是的，這種行爲是預期的。

你可以試試這個得到的只有一個選擇的直接文本節點：

$('.under').contents().filter(function(){ return(this.nodeType == 3); }).text() 

說明：

.contents()（docs）返回一個選擇的兒童，包括textnodes

描述：獲取匹配的 元素集中每個元素的子元素，包括文本和註釋節點。

.filter()需要回調只返回您需要的東西，基於此，您只將nodeType == 3這是一個文本節點。

http://jsfiddle.net/R4Pzf/

Answer 2

所以我猜你的文本之後是：texthere？

var elem = $(".under").clone(), 
    text = $.trim(elem.children().remove().end().text()); 

FIDDLE

克隆的元素，刪除所有的子元素，並獲得剩餘的文本。

Answer 3

在這裏你去：

var text = $('.under').contents(':not(.list)').text(); 

例子： http://jsfiddle.net/ak4FU/1/