jQuery replace integer globally in html var

Question

I am trying to replace a number globally in my HTML string by regex but it only replaces the number when it's not attached to an attribute.

e.g. I want to replace the number 123 globally. The problem in this example is that only the number in the value has been changed and not the number between the brackets.

var oldId = 123;
var newId = 1234;

<input type="hidden" name="field_name" value="123">
<input type="radio"  name="field_name[123]" class="id_123">

$('.settings').replace(/oldId/g, newId);

Current result

<input type="hidden" name="field_name" value="1234"> <-- changed
<input type="radio"  name="field_name[123]" class="id_123"> <--- not changed

I guess I need to modify my regex a somehow?

The code that you have posted will throw a TypeError as jQuery objects do no have replace method. — Ram
– Ram, Commented Jun 29, 2016 at 14:57

guest271314 · Accepted Answer · 2016-06-29 15:00:16Z

1

You can use .each(), g flag at RegExp to replace .outerHTML of elements where name attribute includes "field_name"

var oldId = 123;
var newId = 1234;

$("input[name*=field_name]").each(function(i, el) {
  el.outerHTML = el.outerHTML.replace(new RegExp(oldId, "g"), newId)
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="hidden" name="field_name" value="123">
<input type="radio" name="field_name[123]" class="id_123">

answered Jun 29, 2016 at 15:00

guest271314

1

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

1 Comment

directory Over a year ago

Thank you very much! Took the '.replace(new RegExp(oldId, "g"), newId)'' part of your code and this did the trick. Many thanks! =)

Collectives™ on Stack Overflow

jQuery replace integer globally in html var

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related