获取链接href并将其应用于另一个链接jQuery
我有一组DIV，每个DIV都包含一个带有空锚标签的图像
Image is here 然后我在div关闭之前有一个“继续阅读”链接
Continue reading
是否有一种方法与jQuery，当页面加载时，我可以继续读取按钮的href位置并应用空的锚点缠绕我的图像？
演示： http ： //jsfiddle.net/2hu66/1/
这是可能的，但这不是一个好主意。 使用js创建的链接对于Google抓取工具不可见。 正确的做法是创建一个真正的链接，而不是“＃”。
做正确的事情并不有趣;）。
根据您的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")); });
更新演示： http ： //jsfiddle.net/2hu66/3/
:contains上面使用的选择器不是最有效的方法，但它有效。 如果它是我的HTML，我可能会给那些“继续阅读”锚元素一个共同的类并选择它。 或者您可以选择“元导航”跨度，然后选择他们的父级。 （很多选择，真的。）
$('.card-prod').each(function() { var cr = $(this).find('a:last'); $(this).find('.cardclick').attr('href', cr.attr('href')); });
示例小提琴： http ： //jsfiddle.net/2hu66/4/