jQuery:使用 .replace() 替换元素内的文本

Question

我想对存储在 jQuery 对象中的某些元素的文本执行“查找和替换”操作。我想使用 javascript 函数 .replace() 替换文本，该函数使用正则表达式选择器。如何更正此示例代码？

$(JQUERY_OBJECT).html(
    $(this).text().replace(/REGEX_EXPRESSION/, 'REPLACEMENT_TEXT')
);

注意:我正在操作的 jQuery 对象可能包含子元素，但我不想保留它们。这就是我使用 .text() 的原因。如果可以运行 .replace() 函数而不丢弃内部元素，那就太好了。

Answer 1

如果您使用的是最新版本的 jQuery，则 .html() 方法接受函数作为参数，该函数接收当前内容作为参数，并且返回值用于替换当前内容。

所以代码是:

$(JQUERY_OBJECT).html(function(idx,oldHtml){
   //idx is the index of the current element in the JQUERY_OBJECT
   return oldHtml.replace(/REGEX_EXPRESSION/, 'REPLACEMENT_TEXT')
});

http://api.jquery.com/html/#html2

使用.text()这是同样的故事

$(JQUERY_OBJECT).text(function(idx,oldText){
   //idx is the index of the current element in the JQUERY_OBJECT
   return oldText.replace(/REGEX_EXPRESSION/, 'REPLACEMENT_TEXT')
});

http://api.jquery.com/text/#text2

或者使用 .html 和 .text 的组合重写您已经获得的内容

$(JQUERY_OBJECT).html(function(idx,oldHtml){
   return $(this).text().replace(/REGEX_EXPRESSION/, 'REPLACEMENT_TEXT')
});