0

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

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

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

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

jQuery有没有办法在页面加载时，我可以确定继续阅读href按钮的位置并应用包裹在我的图像周围的空锚？

演示：http: //jsfiddle.net/2hu66/1/

4

4 回答 4

0 
$('.card-prod').each(function() {
    var cr = $(this).find('a:last');
    $(this).find('.cardclick').attr('href', cr.attr('href'));
});

例如小提琴：http: //jsfiddle.net/2hu66/4/

于 2012-04-19T08:50:36.817 回答
0

这是可能的，但这不是一个好主意。使用 js 创建的链接对于谷歌爬虫是不可见的。这样做的正确方法是创建一个真正的链接而不是“#”。

做正确的事情并不有趣；）。

于 2012-04-19T08:51:02.297 回答
0

根据您的 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
    });
})​​
于 2012-04-19T08:54:10.390 回答
0

您可以遍历“继续阅读”链接并复制它们的 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"));
});​

更新演示：http: //jsfiddle.net/2hu66/3/

我上面使用的:contains选择器不会是最有效的方法，但它确实有效。如果它是我的 html，我可能会给那些“继续阅读”锚元素一个公共类并选择它。或者您可以选择“元导航”跨度，然后选择它们的父级。（真的有很多选择。）

于 2012-04-19T08:54:25.460 回答