遍历两个列表，从第一个列表中获取值，将它们添加到第二个列表中

Loop through two lists, grab values from first, add them to the second

本文关键字：列表 第二个 添加 获取 第一个 两个 遍历      更新时间：2023-09-26

http://jsfiddle.net/vr45Ln29/

我想在第一个ul中循环遍历img，为每个src，然后循环遍历第二个ul img，并将第一个列表中的src url粘贴到第二个列表中。

澄清一下，我只想从上面的img中提取网址，并将其粘贴到下面每个img的src中。

我根本想不通。任何帮助将不胜感激。

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

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

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

相关文章：