Changing only a certain part of HTML using jQuery html.replace() method

Question

So basically, I am copying content of one div to other like this

$("#button").click(function() {
    var a = $("#div1").html()
    $("#div2").html(a);

I want the variable 'a' to change all the occurrence of a character/string and copy it to div2.

$("#button").click(function() {
   var a = $("#div1").html().replace("$money","$cash");
   $("#div2").html(a);

So, basically, I want the replace the occurrence of '$money' with '$cash' and store it inside test1. The above code copies the exact content but does not replace '$money' with '$cash'.

What am I doing wrong?

If you want to do multiple replacements, you have to use a regular expression with the `g` modifier, not a string. — Barmar, Sep 28 '17 at 16:44
See https://stackoverflow.com/questions/1144783/how-to-replace-all-occurrences-of-a-string-in-javascript — Barmar, Sep 28 '17 at 16:45
And if I want to replace $money to $cash, do I need to add something? — Dhiraj, Sep 28 '17 at 16:45
Well, that seems to be the problem, I am trying to change the PHP variable with javascript, but it's not updating — Dhiraj, Sep 28 '17 at 16:52
Are you creating the JS with PHP? You can use `replace(//, "");` — Barmar, Sep 28 '17 at 16:54

score 0 · Accepted Answer · answered Sep 28 '17 at 16:56

Escape back to PHP to substitute variables into the Javascript.

$("#button").click(function() {
   var a = $("#div1").html().replace(/<?php echo preg_quote($money); ?>/g, <?php echo json_encode($cash); ?>);
   $("#div2").html(a);
});

You need to use a regexp with the global modifier to perform multiple replacements.

score 0 · Answer 2 · answered Sep 28 '17 at 17:17

0

repeating response as @Barmar, but removing the php part to simplify

$("#button").click(function() {
   var a = $("#div1").html().replace(/money/g,"cash");
   $("#div2").html(a);  
 });

answered Sep 28 '17 at 17:17

dhiman

385
3
9

Changing only a certain part of HTML using jQuery html.replace() method

2 Answers2