Replace within the html of some JQuery object

Question

If I have some JQuery object $("#someDiv"), for which its html(),

$("#someDiv").html();

equals something like:

<div id="bla_i">
  <input ... id="ble_i" />
</div>

(That is: a lot of nested elements, some of them having id's and names containing " _i ")

How can I make all those "_i" to be "_5" ? How can I replace all the "_i" in some JQuery Object?

thecodeparadox · Accepted Answer · 2012-09-16 04:47:56Z

1

var html = $('#someDiv').html();  // get the html string

$(html)  // make jQuery object
       .find('[id*="_i"]')  // find elements with id contains "_i"
       .attr('id',function(i, oldId) {
          return oldId.replace('_i', '_5');  // replace all "_i" with "_5"
       });

answered Sep 16, 2012 at 4:47

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

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

Collectives™ on Stack Overflow

Replace within the html of some JQuery object

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related