Javascript 获取link href并将其应用于另一个链接jQuery

我有一组div，每个div都包含一个带有空锚定标记的图像

<a href="#"> Image is here </a>

在div关闭之前，我有一个“继续阅读”链接

<a href="?p=453">Continue reading <span class="meta-nav">→</span></a>

jQuery有没有一种方法可以在页面加载时，我可以找到“继续阅读”按钮的href位置，并将空锚应用到我的图像上

演示：

---

小提琴示例：

这是可能的，但不是一个好主意。使用js创建的链接对于google crawers不可见。正确的方法是创建一个真正的链接，而不是

---

把事情做好，不要太有趣

根据您的HTML，您可以执行以下操作：

​$(function(){
    $('.card-prod').each(function(){                         //for each item
        var theLink = $('a[href^="?p"]',this).attr('href');  //get the link
        $('a.cardclick',this).attr({'href':theLink});        //set to img link
    });
})​​

---

您可以循环浏览“继续阅读”链接并复制其href，可能如下所示：

​$(​"div.card-prod a:contains('Continue reading')")​​​​​​​​​​​​​​​​​​​​​​​​​​.each(function() {
    var $this = $(this);
    $this.closest("div.card-prod")
         .find("a.cardclick")
         .attr("href", $this.attr("href"));
});​

更新的演示：

---

我上面使用的方法不是最有效的方法，但它是有效的。如果它是我的html，我可能会给那些继续阅读锚元素的人一个公共类，然后选择它。或者，您可以选择元导航跨距，然后选择它们的父跨距。有很多选择，真的。

这是你第三次问这个问题了！我知道，谷歌可能会重蹈覆辙，但这不是一个问题，更重要的是它是否能够做到，谢谢@Aleksandrenko

​$(​"div.card-prod a:contains('Continue reading')")​​​​​​​​​​​​​​​​​​​​​​​​​​.each(function() {
    var $this = $(this);
    $this.closest("div.card-prod")
         .find("a.cardclick")
         .attr("href", $this.attr("href"));
});​