javascript - Javascript/jQuery 替换重复的 span 标签

Question

我不擅长正则表达式，我需要帮助解决这个问题。

1）我想模仿bbcode，替换html文本中的span标签。

HTML 格式

thtml= 'this the text content <span style="color: #000;">color this text</span> with mutiple span like this <span style="color: #000;">second span</span> and more';

代码：

thtml.replace('[','<span style="color: #000;">');
thtml.replace(']','</span>');

使用该代码它只替换一次。

'this the text content [color this text] with mutiple span like this <span style="color: #000;">second span </span> and more';

我想要的结果：

'this the text content [color this text] with mutiple span like this [second span] and more';

2) 如果可能，还可以从最后的格式恢复到开头的源 HTML 格式。

谢谢你。

Answer 1

怎么样：

thtmk.replace(/\<span style\=\"color\: \#000\;\"\>/g,'[')
thtmk.replace(/\<\/span\>/g,']')

它对你有用吗？

Answer 2

使用正则表达式

网页

<div id="t">this the text [content color this text] with mutiple span like this [second span] and more;</div>
<br/>
<input type="button" id="button1" value="submit" />
<div id="t1"></div>
<br/>

jQuery

$(document).ready(function () {
    $('#button1').click(function () {
        var thtml = $('#t').text();

        var thtml1 = thtml.replace(/\[/g, '<span style="color: blue;">');
        var thtml2 = thtml1.replace(/\]/g, '</span>');
        $('#t1').html(thtml2);

    });

});

它替换所有出现的 '[' 和 ']'

工作演示http://jsfiddle.net/cse_tushar/gCBFu/