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>

这是我的错误代码：我认为我使用正确。图像已经添加了 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]);
   });
}

Answer 1

更正你的html

例子

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

jQuery 代码

$('div.wrapper').each(function(){
    $(this).find('img').attr('style',$(this).attr('style'));
});