Replace An Array Javascript

Question

I want to replace something like this with jquery

['{star}'],['{heart}'],['{call}']

Whenever in BODY we got {star} , replace that with

<i class="fa fa-star"></i>

Or for {hear}{call}, etc.

How can i do this?

each element , {star} => fa fa-star, {heart}=> fa fa-heart

[EDIT SOLVED]

var str = "{heart}{star}"
var updated = str.replace(/\{([^}]+)}/g, '<i class="fa fa-$1"></i>');
document.body.innerHTML = document.body.innerHTML.replace(/\{([^}]+)}/g, '<i class="fa fa-$1"></i>');

Okay, what does your JQuery look like so far? I wont write the code for you, but you need to find the item you want, then replace it with the item in your array. — TGarrett
– TGarrett, Commented Apr 14, 2017 at 19:49
$('body :not(script)').contents().filter(function() { return this.nodeType === 3; }).replaceWith(function() { var finds = ['{star}','{heart}']; var finds_to = ['StarS','HeartS']; return this.nodeValue.replace(finds[i],finds_to[i]); }); — Sara
– Sara, Commented Apr 14, 2017 at 19:50
As a nudge in the right direction: document.body.innerHTML = document.body.innerHTML.replace(/{star}/g, '<i class="fa fa-star"></i>'); — Tyler Roper
– Tyler Roper, Commented Apr 14, 2017 at 19:50

epascarello · Accepted Answer · 2017-04-14 19:58:51Z

0

Simple regular expression to match anything between {}

var str = "I {heart} to eat an {apple}"
var updated = str.replace(/\{([^}]+)}/g, '<i class="fa fa-$1"></i>');
console.log(updated);

You could also replace it with ors with known strings.

answered Apr 14, 2017 at 19:58

epascarello

208k20 gold badges206 silver badges246 bronze badges

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

9 Comments

Sara Over a year ago

thanks,it's true , but how this can find {heart} and {apple} in body content ? :(

epascarello Over a year ago

replace the innerHTML?

Sara Over a year ago

yeap replace to all of HTML content

epascarello Over a year ago

stackoverflow.com/questions/15553280/…

Sara Over a year ago

this will replace html content to heart and apple , but don't replace just {heart} and {apple} !

|

Collectives™ on Stack Overflow

Replace An Array Javascript

1 Answer 1

9 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

9 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related