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() = "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来电。{/ 3}。

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

$('#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/

jquery：从div而不是孩子返回html

2 个答案: