循环遍历两个列表，从第一个抓取值，将它们添加到第二个列表

Question

http://jsfiddle.net/vr45Ln29/

我想循环浏览第一个img中的ul，然后获取每个src，然后循环通过第二个ul img并将第一个列表中的src个网址粘贴到第二个网址中。

为了澄清，我只想将网址从上面的img中提取出来并粘贴到src attr中以下每个img。

我根本无法弄明白。任何帮助将不胜感激。

Answer 1

我修改了你的小提琴，这是一个有效的版本

＆＃13;

＆＃13;

var container = $('.slider-container'),
			bigImgs = container.find('li img');

			
			bigImgs.each(function() {
                $("ul","div.slider-thumbnails").append("<li><img width='150' src='" +$(this).attr("src") + "'/></li>");
				
			});

＆＃13;

<div class="main-slider">
	<ul class="slider-container">
		<li>
			<a href="#">
				<img src="http://placehold.it/350x150" alt="one">
			</a>
		</li>
		<li>
			<a href="#">
				<img src="http://placehold.it/500x250" alt="two">
			</a>
		</li>
		<li>
			<a href="#">
				<img src="http://placehold.it/400x200" alt="three">
			</a>
		</li>
		<li>
			<a href="#">
				<img src="http://placehold.it/300x100" alt="four">
			</a>
		</li>
   </ul>
</div>
<!-- Thumbnails -->
<div class="slider-thumbnails">
	<ul>
		
	</ul>
</div>            

＆＃13;

＆＃13;

＆＃13;

基本上，你可以在加载时动态创建缩略图。