iteration in jquery and adding attr to each element

Question

My goal is to add styles of wrappers to pictures. Styles are added by jquery ui and are placed in html in iframe:

<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>

Here is my buggy code: I think I am using i right. images already has added id: link1 link2 link3 and so on.

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]);
   });
}

Tushar Gupta - curioustushar · Accepted Answer · 2013-10-09 13:54:50Z

1

Correct you html

example

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

jQuery Code

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

answered Oct 9, 2013 at 13:54

Tushar Gupta - curioustushar

57.2k24 gold badges106 silver badges110 bronze badges

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

Collectives™ on Stack Overflow

iteration in jquery and adding attr to each element

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related