jquery - 从链接获取href并将其附加到另一个链接

Question

我实际上有这个问题的工作代码，但我认为它可能不是很有效。我想我可能可以将它合二为一，但是我对 JS 的了解仍然有限，我不知道该怎么做。

问题：我的主页上有 3 个滑块 div。每个 div 都有一个包裹在未填充标签中的 H5 标题<a>标签。所以我需要从每个 div 的 .slideshow-button 中提取 href 并将其应用于 h5 标签。（奇怪的问题，但随它去吧。）

（低效？但有效）解决方案：

$('.homepage-slideshow:first-child .title-controls a').attr('href', $('.homepage-slideshow:first-child .slideshow-buttons a').attr('href')); 
$('.homepage-slideshow:nth-child(2) .title-controls a').attr('href', $('.homepage-slideshow:nth-child(2) .slideshow-buttons a').attr('href')); 
$('.homepage-slideshow:nth-child(3) .title-controls a').attr('href', $('.homepage-slideshow:nth-child(3) .slideshow-buttons a').attr('href')); 

我可以将这些合二为一，这样我就不必分别做 3 次了吗？

Answer 1

试试这个（假设您需要更改每个 中的链接.homepage-slideshow）：

$('.homepage-slideshow').each(function () {
   var $this = $(this);
   var href = $this.find('.slideshow-buttons a').attr('href');
   $this.find('.title-controls a').attr('href', href);
});