jQuery: 返回 div 中的 HTML 而不是子元素

Question

如果我点击#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() = "这段文本是给父元素的"

而不是这个：
$('#parent').html() = "这段文本是给父元素的，这段文本是给子元素-父元素的，这段文本是给子元素的"

- Zebra

Answer 1

你可以像这样获取它：

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

您可以在这里测试，但您可能需要在此处进行$.trim()调用，像这样。

另一个选择是循环遍历文本节点，如下所示：

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

你可以在这里进行测试，或者在这个简化版本中进行测试。

- Nick Craver

---

非常感谢，我发现了三个新的jQuery方法的存在 :) - Nikita Rybak

Answer 2

如果结构总是这样，你可以调用以下代码：

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

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

- jAndy