jquery - 一部の JQuery オブジェクトの html 内で置き換えます

Question

$("#someDiv")html() のJQuery オブジェクトがある場合、

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

次のようなものに等しい:

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

(つまり、多くのネストされた要素で、そのうちのいくつかは「 _i 」を含む ID と名前を持っています)

これらの「_i」をすべて「_5」にするにはどうすればよいですか? 一部のJQueryオブジェクトの「_i」をすべて置き換えるにはどうすればよいですか?

Answer 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"
       });