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

Question

我有一个幻灯片，其设置类似于此

<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 项目的兄弟列表

如何将每个未嵌套列表克隆到每个对应的缩略图中？

Answer 1

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

因此，您在文章中迭代 as，然后将其克隆到缩略图中的 n-th li 中。

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

Answer 2

我认为正确的方法是：

$(".article").each(function () {
    $( ".thumbnails" ).append( $(this).html() );
});