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/