Question

我实际上有这个问题的工作代码，但我认为它可能效率不高。我想我可能会将它合二为一，但我对JS的了解仍然有限，以至于我不确定该怎么做。

问题：我在主页上有3个滑块div。每个div都有一个包含在未填充的<a>标记中的H5标题标记。所以我需要从每个div的.slideshow按钮中拉出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'));

我可以将它们组合成一个，所以我不必分三次这样做吗？

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);
});

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

1 个答案: