使用 jQuery 正确替换纯文本答案

【问题标题】：Replace plain-text properly using jQuery使用 jQuery 正确替换纯文本
【发布时间】：2015-05-16 23:12:24
【问题描述】：

这是替换文本script。

我这样称呼它：

$(document).ready(function() {
$('#test-id').replaceText(/\[this\]/g,'<b>').replace(/\[\/this\]/g,'</b>');
});

它应该只加粗[this] bold text [/this]，HTML如下：

<span id="test-id"> [this] This is some text that contains [/this] red color with bold text</span>

它应该只在这个 [this][/this] 内加粗文本，但问题是它也会使其他文本加粗，而不是隐藏最后一个 [/this] 。

我也试过叫这个：

$('#test-id').replaceText(/\[this\]/g,'<b>');

所以请建议如何只替换[this] This is some text that contains [/this]，而不是其他文本并隐藏最后一个[/this]。

谢谢。

【问题讨论】：

【解决方案1】：

你可以的

$('#test-id').replaceText(/\[(\/)?this\]/g, '<$1b>');

演示：Fiddle

由于您正在执行基于 dom 的替换，因此您不能分两步完成，即 [this] 和 [/this] 不能在 2 个不同的调用中替换，而是您需要在对 replaceText 的单个调用中替换它.你的第二个替换是使用replace 而不是replaceText

【讨论】：