javascript - jquery 克隆一个链接(每个 div 一次)

Question

我有一组 div，需要从顶部克隆链接并插入最后一个 div(移动链接)。它要么从所有 div 克隆链接，然后一次插入所有这些链接，要么如果我使用 :eq(0)，它会将第一个链接放入所有 div。

<div class="course"><a href="/accounting">Accounting</a></div>
<div class="start-date">1-1-2017</div>
<div class="credits">4</div>
<div class="location">Online</div>
<div class="mobile-link"></div>

<div class="course"><a href="/business">Business</a></div>
<div class="start-date">1-1-2017</div>
<div class="credits">3</div>
<div class="location">Online/Campus</div>
<div class="mobile-link"></div>

<script>
    $(".course a:eq(0)").clone().appendTo(".mobile-link");        
</script>

我需要更改什么才能使其正常工作？

Answer 1

您需要分别处理每个 anchor :

$(".course").each(function() {
    var myLink = $(this).find('a').clone();
    $(this).nextAll('.mobile-link').first().append(myLink);
});

Demo fiddle