Question

请问如何用jquery让多个li标签里面的img的data-original值与src值对换

<div class="latest">
<li class="item"><a><img data-original="fsdfds.jpg" src="fddffs.jpg"></img></a></li>
<li class="item"><a><img data-original="344nhj.jpg" src="445456.jpg"></img></a></li>
<li class="item"><a><img data-original="9fejfd.jpg" src="2ddrfr.jpg"></img></a></li>
<li class="item"><a><img data-original="jkf833.jpg" src="4rddgw.jpg"></img></a></li>
<li class="item"><a><img data-original="8ujfek.jpg" src="34rrfe.jpg"></img></a></li>
<li class="item"><a><img data-original="09u3jj.jpg" src="3rfree.jpg"></img></a></li>
<li class="item"><a><img data-original="434rew.jpg" src="23eddw.jpg"></img></a></li>
<li class="item"><a><img data-original="34154f.jpg" src="4ddtre.jpg"></img></a></li>
<li class="item"><a><img data-original="fdsf78.jpg" src="3frfte.jpg"></img></a></li>
<li class="item"><a><img data-original="43kjjf.jpg" src="454554.jpg"></img></a></li>
<li class="item"><a><img data-original="kijfi8.jpg" src="4334rr.jpg"></img></a></li>
<li class="item"><a><img data-original="4kjffd.jpg" src="3efree.jpg"></img></a></li>
<li class="item"><a><img data-original="3jfjfd.jpg" src="48344e.jpg"></img></a></li>
<li class="item"><a><img data-original="4154f3.jpg" src="43er43.jpg"></img></a></li>
<li class="item"><a><img data-original="09u3jj.jpg" src="3rfree.jpg"></img></a></li>
<li class="item"><a><img data-original="434rew.jpg" src="23eddw.jpg"></img></a></li>
<li class="item"><a><img data-original="34154f.jpg" src="4ddtre.jpg"></img></a></li>
<li class="item"><a><img data-original="fdsf78.jpg" src="3frfte.jpg"></img></a></li>
<li class="item"><a><img data-original="43kjjf.jpg" src="454554.jpg"></img></a></li>
</div>

如何用jquery让上面10行li标签里面的img的data-original值与src值对换，下面的li img保特不变,只换上面10个li.

Answer 1

你试试行不行
var el = $(".weixin ul li");
for(var i=0;i<el.length;i++){
(function(index){
el[index].hover(function(){
$(".qq").attr("src","img/index/qq"+index+".png");
$(".weixin-tu").attr("src", "img/index/weixin"+index+".png");
$(".weibo").attr("src", "img/index/weibo"+index+".png");
})

})(i);

}

Answer 2

$("div.latest>li img:lt(10)").each(function(){
var me=$(this);
var sr = me.attr("src");
me.attr("src",me.attr("data-original"));
me.attr("data-original",sr);
});