jQuery Clone Problems

Question

Here is my scenario:

<div class="item">
<div class="item-title">
<a href="_files/download_item.zip" class="link">Download 1</a>
</div>
<div class="item-description"> Lorem ipsum dolor…. </div>
</div>

What I want to do is to clone the anchor and append it to the "item-description" div.

The problem is when I have multiple items that the clone function then copies ALL of the anchors to ALL of the "item-description" divs.

Here is the jquery I am using:

$(function(){   
    $('a.link').clone(true).appendTo('.item-description');
});

Can anyone spot what I am doing wrong?

robbrit · Accepted Answer · 2012-06-18 16:53:26Z

1

Try this:

$(function(){
  $("a.link").each(function(){
    $(this).clone(true).appendTo($(this).parent().siblings(".item-description"));
  });
});

answered Jun 18, 2012 at 16:53

robbrit

18k4 gold badges51 silver badges68 bronze badges

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

2 Comments

Selvakumar Arumugam Over a year ago

I think this is what he want... copy the corresponding .link to its .item-description

KulerGary Over a year ago

BINGO! ... That did it! Thanks a million!

hunter · Accepted Answer · 2012-06-18 16:56:58Z

1

$(function(){
    $(".item").each(function(){
        $(this).find(".item-description")
            .append($(this).find("a.link").clone(true));
    });
});

answered Jun 18, 2012 at 16:56

hunter

63.7k19 gold badges115 silver badges115 bronze badges

1 Comment

Selvakumar Arumugam Over a year ago

I think $(".item-title").each should be $(".item").each

thecodeparadox · Accepted Answer · 2012-06-18 16:57:09Z

1

$(function(){   
    var links = $('.item-title a.link');
    links.each(function() {
       $(this).parent().next('.item-description').append($(this).clone(true));
    });
});

edited Jun 18, 2012 at 16:57

answered Jun 18, 2012 at 16:51

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

2 Comments

robbrit Over a year ago

This won't work since it will clone the first a and then append it to every .item-description div.

KulerGary Over a year ago

That copies the FIRST items link to all the subsequent items. I need to copy each items link to that particular items description.

Collectives™ on Stack Overflow

jQuery Clone Problems

3 Answers 3

2 Comments

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related