javascript - 如何将链接从同级列表分别克隆到另一个列表

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" );
});

但这只会产生所有 .headline a 的同级列表每个项目.thumbnails li a

如何将每个非嵌套列表克隆到每个相应的缩略图标签中？

Answer 1

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

因此，您要迭代文章中的 a，然后将其克隆到缩略图中的 n li 中。

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