jquery - jqueryでの反復と各要素へのattrの追加

Question

私の目標は、画像にラッパーのスタイルを追加することです。スタイルは jquery ui によって追加され、iframe の html に配置されます。

<div class="wrapper style:"xyz">
  <img id="link1">
</div>

<div class="wrapper  style:"abc">
   <img id="link1">
</div>

<div class="wrapper  style:"wer">
  <img id="link1">
</div>

これが私のバグのあるコードです。私は私を正しく使用していると思います。images には既に id: link1 link2 link3 などが追加されています。

var deleteWrapper = function () {
    var x = document.getElementById("preview");
    var y = (x.contentWindow || x.contentDocument);
    var imageWrappers = y.$(".ui-wrapper");
    imageWrappers.each(function( i ) {
     i= i+1;
    var wrapperStyle[i] = imageWrappers[i].attr('style');
    y.$('#link' + i ).attr('style', wrapperStyle[i]);
   });
}