jQuery: Replacing an Array with Another

Question

I use the below code for replacing all instances of a character with another:

$("#myContent").each(function () {
    $(this).html($(this).html().replace("1", "一"));
})

$("#myContent").each(function () {
    $(this).html($(this).html().replace("2", "二"));
})

$("#myContent").each(function () {
    $(this).html($(this).html().replace("3", "三"));
})

...

How can I put all these together, something like replacing an array with another?

first of all looks like you have multple elements with same ID — bipen
– bipen, Commented Apr 24, 2013 at 5:19

Evan Trimboli · Accepted Answer · 2013-04-24 06:46:56Z

2

Something like this, untested:

var replacers = {
    '一': /1/gi,
    '二': /2/gi,
    '三': /3/gi
};

var el = $("#myContent"),
    html = el.html();

for (var key in replacers) {
    html = html.replace(replacers[key], key);
}
el.html(html);

edited Apr 24, 2013 at 6:46

answered Apr 24, 2013 at 5:19

Evan Trimboli

30.1k6 gold badges49 silver badges68 bronze badges

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

4 Comments

Iryn Over a year ago

Thank you, but this does not change every instance of the character. For example, in "2011," only the first "1" will change.

Evan Trimboli Over a year ago

Updated the post. Note that if you're doing this a lot you should probably cache the regexes.

Iryn Over a year ago

My array only consists of numbers, so basically it has ten members. Is caching still required? In any case, please tell me how should I cache them.

Evan Trimboli Over a year ago

In that case I would just create the regexp up front, updated.

loxxy · Accepted Answer · 2013-04-24 05:24:01Z

0

Try this way, instead :

var html = $(this).html();

html = html.replace(/1/g, "一");
html = html.replace(/2/g, "二");
html = html.replace(/3/g, "三");

$(this).html(html);

answered Apr 24, 2013 at 5:24

loxxy

13.2k2 gold badges28 silver badges57 bronze badges

Comments

Arun P Johny · Accepted Answer · 2013-04-24 06:20:02Z

0

Try

var replacers = {
    '1': '一',
    '2': '二',
    '3': '三'
};

$("#myContent").html(function(index, html){
    $.each(replacers, function(i, v){
        html = html.replace(new RegExp(i, 'g'), v, 'g')
    })
    return html;
});

Demo: Fiddle

edited Apr 24, 2013 at 6:20

answered Apr 24, 2013 at 5:32

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

1 Comment

Iryn Over a year ago

This won't change every instance of the character. For example, in "2011," only the first "1" will change.

Collectives™ on Stack Overflow

jQuery: Replacing an Array with Another

3 Answers 3

4 Comments

Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

1 Comment

Related