javascript - 替换文本但不更改 p 标签内的图像

Question

我有以下 HTML。

<p><img src="myimage.jpg" />This is my text</p>

以及以下 javascript 将空格替换为不间断空格。这工作正常，除了它删除了图像。

$("div.myDiv p").each( function() {
    $(this).text( $(this).text().replace(/ /g, '\xA0'));
});

有什么想法可以替换文本中的空格而不改变图像。

Answer 1

您需要检查节点类型并仅替换此值:

$(function() {
   $("p").contents().each(function(i, e) {
       if( e.nodeType === 3 ) {
           e.nodeValue = e.nodeValue.replace(/ /g, '\xA0')
       }
   });
});

示例:http://www.jsfiddle.net/4yUqL/42/