jQuery - A Problem with nested each()

Question

I tried to look after a similar problem but couldn't find any here. So here is my problem. I have a structure with multiple h2. Each h2 have an image inside that points to a different url. I need to fetch this url from each image and assign it to the correspondent h2.

Here is my code (this one works, but it only fetches the first link):

    $("h2").each(function() {

        var $link = $('a[rel=example_group]').attr("href");

        $(this).append($link);
    });

So I tried this:

    $("h2").each(function() {

        var $link = $('a[class=button zoom]').each(function(){$(this).attr("href")});


        $(this).append($link);
    });

but it is not working

Could you help? Thanks

Can you post some sample HTML as well.

Mutation Person
– Mutation Person

2011-06-27 13:23:43 +00:00
Commented Jun 27, 2011 at 13:23 — Mutation Person
– Mutation Person, Commented Jun 27, 2011 at 13:23

Val · Accepted Answer · 2011-06-27 13:22:49Z

3

$("h2").each(function(i,n) {

        var $link = $(n).find('a[rel=example_group]').attr("href");


        $(n).append($link);
    });

try this....

answered Jun 27, 2011 at 13:22

Val

17.6k24 gold badges99 silver badges148 bronze badges

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

Comments

Max · Accepted Answer · 2011-06-27 13:33:11Z

2

howabout

$("h2").each(function() {

    var $link = $(this).find('a[class=button zoom]').attr("href")});


    $(this).append($link);
});

answered Jun 27, 2011 at 13:33

Max

1,5732 gold badges16 silver badges31 bronze badges

2 Comments

Max Over a year ago

need to learn to type faster! some good answers already proposed.

Kandinski Over a year ago

thank you everyone guys! seems that each solution have the truth in it. It actually was a simple job and I found the solution. Thanks!

PetersenDidIt · Accepted Answer · 2011-06-27 13:23:54Z

2

The problem is that you are not scoping your search for the a tag. Just cache $(this) and do a find use it and it should work for you:

$("h2").each(function() {
    var h2 = $(this),
        $link = h2.find('a[rel=example_group]').attr("href");

    h2.append($link);
});

answered Jun 27, 2011 at 13:23

PetersenDidIt

25.6k3 gold badges69 silver badges72 bronze badges

Comments

malko · Accepted Answer · 2011-06-27 13:27:32Z

2

In your first example you always append the same link over each iteration. Not sure what you're trying to do with the second example.

In your first example try to just add a context to your selector changing:

var $link = $('a[rel=example_group]').attr("href");

by

var $link = $('a[rel=example_group]',this).attr("href");

and it should work.

You also can do something like:

$("h2 a[rel=example_group]").each(function() {
    var $link = $(this).attr('href');
    // ... do what you need with $link ...//
});

It should work too if i understand well your request.

answered Jun 27, 2011 at 13:27

malko

2,3921 gold badge19 silver badges26 bronze badges

1 Comment

Val Over a year ago

i like your answer with that selector however, this inside a each function? don't think it would work :)but hey ...

Collectives™ on Stack Overflow

jQuery - A Problem with nested each()

4 Answers 4

Comments

2 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related