如何将兄弟列表中的链接分别克隆到另一个列表中

How to clone links from a sibling list into another list respectivly

本文关键字：列表 另一个 兄弟 链接      更新时间：2023-09-26

我有一个幻灯片的设置和这个设置类似

<div class="thumbnails">
    <li><a></a></li>
    <li><a></a></li>
    <li><a></a></li>
    <li><a></a></li>
</div>
... more HTML code
<div class="article">
    <li class="headline" ><a>A headline</a></li>
</div>
<div class="article">
    <li class="headline"><a>A headline</a></li>
</div>
<div class="article">
    <li class="headline"><a>A headline</a></li>
</div>
<div class="article">
    <li class="headline"><a>A headline</a></li>
</div>
<div class="article">
    <li class="headline"><a>A headline</a></li>
</div>

我已经尝试了一些像这样的jQuery 

$j(".article").each(function () {
$j(this).find(".headline a")clone().appendTo( ".thumbnails li a" );
});

但是这只会产生一个兄弟列表，包含每个.thumbnails li a中所有.headline a项

我如何克隆每个未嵌套的列表到它的每个相应的缩略图标记?

$('.article .headline a').each(function(i) {
    $(this).clone().appendTo($('.thumbnails li').eq(i));
});

所以你在文章中迭代a s，然后在缩略图中克隆n-th li。

JSFiddle: http://jsfiddle.net/BEy3U/

我认为正确的做法是:

$(".article").each(function () {
    $( ".thumbnails" ).append( $(this).html() );
});
相关文章：