用jquery查找和替换文本，只有文本没有子元素答案

【问题标题】：Find and replace text with jquery, only text no child elements用jquery查找和替换文本，只有文本没有子元素
【发布时间】：2013-08-14 20:16:57
【问题描述】：

我想用 jquery 查找和替换文本。我想将“SKU：”更改为“art nu”。

<span itemprop="productID" class="sku_wrapper">
   SKU: 
   <span class="sku">
      5-144
   </span>.
</span>

我试过了：

$(".product_meta>.sku_wrapper:contains('SKU:')" ).text('art nu.');

但这会删除子跨度 sku。

希望有人有解决方案...

【问题讨论】：

【解决方案1】：

你试过了吗

$(".sku_wrapper" ).each(function(){
    $this = $(this);
    $this.html($this.html().replace('SKU:','art nu.'));
});

【讨论】：

【解决方案2】：

从 jquery 1.8 开始你也可以这样做：

$(".sku_wrapper").html(function(i,t){
    return t.replace('SKU:','art nu.')
});

【讨论】：