jQuery的：從DIV，而不是孩子

Question

返回HTML如果我在#parent點擊我要回裏面的文字和不回報嵌套
層內的文本（#child-parent，#child）

<div id='parent'> 
    this text is for parent 

    <div id='child-parent'> 
    this text if for child-parent 

     <div id='child'> 
     and this text is for child. 
     </div> 

    </div> 

</div> 

這樣的：
$('#parent').html() = "this text is for parent"

，而不是這樣的：
$('#parent').html() = "this text is for parent this text is for child-parent and this text is for child"

Answer 1

你可以抓住這樣說：

$('#parent').clone().children().remove().end().html() 

You can test it out here，你可能要在那裏$.trim()呼叫不過，like this。

另一種方法是循環儘管文本節點，這樣的：

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

You can test that here或the trimmed version here。

Answer 2

如果結構看起來總是這樣，你可以撥打：

var mytext = $('#parent').contents().first().text(); 

例子：http://www.jsfiddle.net/YjC6y/