javascript - 使用 Javascript 的 replace() 方法用 html 包装一个单词

Question

我正在尝试使用 Javascript 的内置replace()方法，但由于某种原因，它不允许我将 html 包裹在一个单词周围并将其输出到 textarea。

$(function() {
    $('#js-convert-markup').click(function() {
        var htmlToConvert = $('.markup_converter').val();
        htmlToConvert.replace('class', '<span class="admin_styles_type">class</span>');
        var convertedMarkup = $('.markup_converted').val(htmlToConvert);
    });
});​

http://jsfiddle.net/someprimetime/fmu5m/11/

知道为什么吗？

Answer 1

replace 返回一个新字符串，它不会改变原始字符串。你需要做：

htmlToConvert = htmlToConvert.replace(...)

Answer 2

尝试使用：

htmlToConvert = htmlToConvert.replace('class', '<span class="admin_styles_type">class</span>');

字符串在 JavaScript 中是不可变的。

http://jsfiddle.net/a26nf/