javascript - jQuery 将特殊 anchor 的 href 设置为下一个 anchor 标签的 href

Question

我要找链接子<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);

请帮帮我。谢谢。

Answer 1

像这样吗？

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

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