jquery - 使用 jquery 删除跨度右端的嵌套文本

Question

我在一个 html 页面中有多个几乎相同的跨度

<span class="title">          
 <span class="icon icon-title" title="Title">Title:</span> 
 <a href="LINK_HERE">PAGE_TITLE_HERE</a> remove this
</span>

在相同类的 div 和 li 的页面上有几个这样的，唯一不同的是 LINK_HERE 和 PAGE_TITLE_HERE。

我需要做的是从 span 中删除 "remove this" 文本。我设法做的是一个笨拙的替换解决方案，看起来像这样:

('div.content').html($('div.content').html().replace(/remove this/g,' '))

我对此不太满意，因为它替换了页面上出现的所有单词，并导致存在的其他代码出现某些问题。如果我将 div.content 限制为 .title，奇怪的事情就会开始发生——上述跨度的所有出现都成为第一次出现的副本。即

1 remove this
2 remove this
3 remove this

变成

1
1
1

谁能建议一个更优雅的解决方案来删除替换或隐藏“删除此”文本，也许使用 .slice 或 .trim 或 .remove 或它们的组合？

提前致谢。

Answer 1

如果要从元素中删除文本，可以使用 contents 和 filter 方法。

$('span.title').contents().filter(function(i){
    if (this.nodeType === 3) {
       $(this).remove()
    }
})

http://jsfiddle.net/LCUea/