Find and replace text with jquery, only text without children

Question

I want to find and replace text with jquery. I want to change "SKU:" to "art nu".

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

I tried:

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

but this removes the child sku period.

Hope someone has a solution ...

Answer 1

since jquery 1.8 you can do it also like this:

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

Answer 2

You just tried

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