我有一个幻灯片,其设置与此类似
<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
如何将每个非嵌套列表克隆到每个相应的缩略图标签中?
最佳答案
$('.article .headline a').each(function(i) {
$(this).clone().appendTo($('.thumbnails li').eq(i));
});
因此,您要迭代文章中的 a
,然后将其克隆到缩略图中的 n
li
中。
JSFiddle:http://jsfiddle.net/BEy3U/
关于javascript - 如何将链接从同级列表分别克隆到另一个列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24875941/