jQuery - 嵌套each() 的问题

Question

我试图解决类似的问题，但在这里找不到任何问题。所以这是我的问题。 我有一个包含多个 h2 的结构。每个 h2 内部都有一个图像指向不同的 url。我需要从每个图像中获取这个 url 并将其分配给对应的 h2。

这是我的代码（这个有效，但它只获取第一个链接）：

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

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

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

所以我尝试了这个：

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

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


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

但它不起作用

你能帮忙吗？谢谢

Answer 1

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

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


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

试试这个....

Answer 2

怎么样

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

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


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

Answer 3

问题是您没有确定 a 标签的搜索范围。
只需缓存 $(this) 并进行查找即可使用它，它应该适合您：

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

    h2.append($link);
});

Answer 4

在第一个示例中，您始终在每次迭代中附加相同的链接。
不确定您想对第二个示例做什么。

在您的第一个示例中，尝试仅向选择器添加上下文更改：

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

by

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

，它应该可以工作。

您也可以这样做：

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

如果我很好地理解您的要求，它也应该有效。