jQuery：从 .text() 中排除子项 [重复]

Question

鉴于此 HTML：

<a href="#" class="artist">Soulive<span class="create-play">Play</span></a>

我想获取a 的文本内容（在我的函数上下文中是this）没有span 的文本内容，所以我离开了与：

Soulive

如果我这样做：

$(this).text();

我明白了：

SoulivePlay

如何排除span的文字内容？

Answer 1

$( this.childNodes ).map( function(){
    return this.nodeType === 3 && this.nodeValue || "";
}).get().join("");

Answer 2

$(this).clone().find('span').remove().end().text();

否则，使用不同的方法，如果您确定您的 span 元素始终在末尾包含单词“play”，只需使用 replace() 或 substring() 函数，例如

var text = $(this).text();
text = text.substring(0, text.length-4);

后一个例子肯定是一种过于本地化且不是防弹的方法，但我提到只是为了从不同的角度提出一个解决方案

Answer 3

http://jsfiddle.net/r8kNL/

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

Answer 4

一个微插件：

$.fn.ignore = function(sel) {
  return this.clone().find(sel || ">*").remove().end();
};

...拥有这个 HTML：

<div id="test"><b>Hello</b><span> World</span>!!!</div>

将导致：

var text = $('#test').ignore("span").text(); // "Hello!!!"
var html = $('#test').ignore("span").html(); // "<b>Hello</b>!!!"

---

^{如果您希望它更快，并且您只需要排除直系子女...使用 .children( 而不是 .find(}