Javascript jquery克隆链接(每个div一次)
我有一组div,需要从顶部克隆链接并插入最后一个div(移动链接)。它要么从所有div中克隆链接,然后一次插入所有div,要么如果我使用:eq(0),它将第一个链接放入所有div中Javascript jquery克隆链接(每个div一次),javascript,jquery,clone,Javascript,Jquery,Clone,我有一组div,需要从顶部克隆链接并插入最后一个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="credit
<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>
1-1-2017
4.
在线 的
1-1-2017
3.
网上/校园
$(“.course a:eq(0)”).clone().appendTo(“.mobile link”);
我需要更改什么才能使其正常工作 您需要分别处理每个锚点:
$(".course").each(function() {
var myLink = $(this).find('a').clone();
$(this).nextAll('.mobile-link').first().append(myLink);
});
我认为您应该使用last(如果我正确理解了问题): 这里是jsfiddle:方法可以将一个函数作为参数,在这里它是附加到每个
。移动链接
的第一个
1-1-2017
4.
在线 的
1-1-2017
3.
网上/校园
这工作做得很好。非常感谢您的快速回复!我想你应该选择下一个安装('.mobile link')。第一个()。谢谢你,@skobaljic。你是对的。我已经更新了演示。
var lastDiv = $(".mobile-link").last();
$(".course a:eq(0)").clone().appendTo(lastDiv);
$(".mobile-link").append(function(){
return $(this).prevAll('.course:first').find('a:first').clone();
});