jQuery 每个循环 - 使用变量

Question

我有一个产品列表。每个产品都有一个标题和一个评论链接。目前，标题直接链接到单个产品页面，而评论链接则指向其他地方。

我想使用jquery every循环来循环遍历每个li，从标题(第一个链接)中获取href，并将其应用于评论链接(第二个链接)，因此它们都指向产品页面。

简化的代码如下:

<ul>
   <li><a href="product1.html">Product 1</a><a href="review1.html">Review 1</a></li>
   <li><a href="product2.html">Product 2</a><a href="review2.html">Review 2</a></li>
   <li><a href="product3.html">Product 3</a><a href="review3.html">Review 3</a></li>
</ul>

我认为它会类似于以下内容:

$("li").each(function(){
   var link = $("a:eq(0)").attr('href');
   $("a:eq(1)").attr("href", link);
});

但它总是使用相同的变量“link”。

有人可以帮我吗？

Answer 1

我将 this 作为参数传递，以定义 each() 循环的每次迭代的上下文。在每次迭代中，this 引用相关元素。

$("li").each(function(){
   var link = $("a:eq(0)", this).attr('href');
   $("a:eq(1)", this).attr("href", link);
});