Question

我希望以下功能可用于同一页面的每个文章元素，否则，将相同的链接应用于所有文章链接，但是对于所有文章，它应该是单独的。

jQuery(document).ready(function() {
  var firstlink = jQuery('.mega-rollover-content a.mega-link-wrapper');
  var secondlink = jQuery('h2.entry-title.mega-post-title a');
  firstlink.attr('href', secondlink.attr('href'));
});

到目前为止，我已经尝试过了，但这是行不通的，console.log不会给我错误或其他提示，只是行不通

jQuery('article.mega-portfolio-post').each(function() {
  var firstlink = jQuery('.mega-rollover-content a.mega-link-wrapper');
  var secondlink = jQuery('h2.entry-title.mega-post-title a');
  firstlink.attr('href',secondlink.attr('href'));
});

这是HTML标记：

<article class="mega-portfolio-post">
	<div class="mega-rollover-content">
		
		<a class="mega-link-wrapper" href="http://exampleurl.com/?portfolioexamplePDF.pdf" target="_blank" aria-label="Example"></a>
		
	</div>

<div class="mega-portfolio-content">
	<h2 class="entry-title mega-post-title" data-fontsize="20" data-lineheight="28">
	<a href="http://exampleurl.com/portfolio-items/example/?portfolioCats=26%2C27%2C28">Example</a>
	</h2>
</div>
</article>

我要实现的是将每篇文章的“ PDF链接”复制并应用于“大型投资组合内容”链接

Answer 1

在使用each循环时，需要始终确保仅从相应文章中获取第一和第二链接的链接。请记住，您可以使用下面的代码来实现所需的功能；

jQuery('article.mega-portfolio-post').each(function() {
    var firstlink = jQuery(this).find('.mega-rollover-content a.mega-link-wrapper');
    var secondlink = jQuery(this).find('h2.entry-title.mega-post-title a');
    firstlink.attr('href', secondlink.attr('href'));
});

使用同一元素的另一个href的单个链接更改href

1 个答案: