jq多张图片切换src，第一张除外

html

<ul class="layui-tab-title top-ul">
	<li class="layui-this">
		<div><img class="top-img" src="../res/static/img/casepic/lipstick1.png" src_2="../res/static/img/casepic/lipstick2.png" alt=""></div>
		<p>美容美妆</p>
	</li>
	<li>
		<div><img class="top-img" src="../res/static/img/casepic/food1.png" src_2="../res/static/img/casepic/food2.png" alt=""></div>
		<p>食品餐饮</p>
	</li>
	<li>
		<div><img class="top-img" src="../res/static/img/casepic/video1.png" src_2="../res/static/img/casepic/video2.png" alt=""></div>
		<p>视频视讯</p>
	</li>
	......
</ul>

js

$(function(){
	var picHref = [];
	$(".top-ul li").each(function(){
		picHref.push($(this).find("img").attr("src"));//存放图片原地址
	});
	// console.log( picHref[0] )
	
	// 第一张
	var srcone = $('.top-ul li').find("img").attr("src_2");
	$('.top-ul li').first().find("img").attr("src",srcone)
	
	$(document).on("click", ".top-ul li",function(e) {
	// console.log( $(this).find("img").attr("src") )
	var src_2 = $(this).find("img").attr("src_2");//获取点击后新的图片地址
	$(this).find("img").attr("src",src_2);//添加当前新地址图片
	
		//给同级元素替换回原来的图片地址
		$(this).siblings().each(function(){
			var index = $(this).index();
			// console.log(index);
			$(this).find("img").attr("src",picHref[index]);
		});    
		return false;
	});

})

借鉴：https://blog.csdn.net/qq_45727750/article/details/102481036