Wrapping a word with html using Javascript's replace() method

Question

I'm trying to use Javascript's built-in replace() method, but for some reason it won't allow me to wrap html around a word and output it to a 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/

Any idea why?

jackwanders · Accepted Answer · 2012-06-23 01:11:28Z

2

replace returns a new string, it does not alter the original. You need to do:

htmlToConvert = htmlToConvert.replace(...)

answered Jun 23, 2012 at 1:11

jackwanders

16.1k3 gold badges42 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Flash · Accepted Answer · 2012-06-23 01:11:00Z

1

Try using:

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

Strings are immutable in JavaScript.

http://jsfiddle.net/a26nf/

answered Jun 23, 2012 at 1:11

Flash

16.9k15 gold badges74 silver badges100 bronze badges

Collectives™ on Stack Overflow

Wrapping a word with html using Javascript's replace() method

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related