jquery - 获取div中的文本

Question

可能重复：
jquery - 获取没有子文本的元素的文本

我有一个 div，里面有文本，并且跨越了这样的文本：

<div>
text
<span>other text</span>
</div>

我只想在 div 中获取文本，而不是在 span 中

谢谢

Answer 1

尝试这个

  var myText = $('#dd').clone()            
             .children()    //select all the children
             .remove()  //remove all the children
             .end() //again go back to selected element
             .text();   //get the text of element

Answer 2

var theText = "";
$('div').contents().each(function() {
    if(this.nodeType === 3) theText += $(this).text();
});

Answer 3

您可以为此使用.clone()，如下所示：

b = $('div').clone();
b.children('span').remove();
alert( b.text() ); // alerts "text"

使用.clone()我们可以复制 div，移除 span，然后获取文本，所有这些都不会影响页面上显示的原始 DOM 元素。