jQuery将特殊锚的href设置为下一个锚标签的href答案

【问题标题】：jQuery set href of special anchor to href of next anchor tagjQuery将特殊锚的href设置为下一个锚标签的href
【发布时间】：2019-03-07 14:05:49
【问题描述】：

我想找到链接子 <a> 并将其附加到父 <a>。这是我的代码。这将返回相同的链接。

html代码

<div class="wrap">
  <ul class="main-ul">
   <li>
    <a class="child-link" href="link1"></a>
   </li>
  </ul>
  <a class="to-attach" href=""></a>   <<--to be link1
  <ul class="main-ul">
   <li>
    <a class="child-link" href="link2"></a>
   </li>
  </ul>
  <a class="to-attach" href=""></a>   <<--to be link2
  <ul class="main-ul">
   <li>
    <a class="child-link" href="link3"></a>
   </li>
  </ul>
  <a class="to-attach" href=""></a>   <<--to be link3
  .
  .
  .
  .
  .
</div>

jQuery 代码

jQuery(".main-ul").append("<a class='to-attach'></a>");  
var link = jQuery(".child-link").attr("href");
jQuery(".to-attach").attr("href", link);

请帮助我。谢谢。

【问题讨论】：

“main-ul”中是否有多个链接？如果是这样，应该使用哪个链接？如果没有，为什么要有一个清单？

标签： javascript jquery href attr

【解决方案1】：

像这样吗？

$('.child-link').each(function() {
    var href = $(this).attr('href');

    $(this).closest('ul').next('a').attr('href', href);
});

【讨论】：

【解决方案2】：

您可以使用带有回调函数的.attr() 代替.each()

$(".to-attach").attr("href", function(){
    return $(this).prev("ul").find(".child-link").attr("href");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wrap">
  <ul class="main-ul">
    <li>
      <a class="child-link" href="link1">child-link</a>
    </li>
  </ul>
  <a class="to-attach" href="">to-attach</a>   
  <ul class="main-ul">
    <li>
      <a class="child-link" href="link2">child-link</a>
    </li>
  </ul>
  <a class="to-attach" href="">to-attach</a>   
  <ul class="main-ul">
    <li>
      <a class="child-link" href="link3">child-link</a>
    </li>
  </ul>
  <a class="to-attach" href="">to-attach</a>   
</div>

【讨论】：