具體結構如下html<div class="list"> <img src="" /></div><div class="item"> <div class="img active"><img src="images/01.jpg" /></div> <div class="img"><img src="images/02.jpg" /></div> <div class="img"><img src="images/03.jpg" /></div> <div class="img"><img src="images/04.jpg" /></div> <div class="img"><img src="images/05.jpg" /></div></div><div class="r-button">點我切換下一張</div>我寫的JQUERY$('.r-button').on('click',function(){ $('.item .img').each(function(){ if($(this).is('.active')){ var num = $(this).index() + 1; var img = $('.item .img').eq(num).children('img').attr('src'); $('.item .img').eq(num).addClass('active').siblings().removeClass('active'); $('.list img').attr('src',img); } });});問題描述:我當前想實現的效果是,點擊.r-button會獲取下一張圖片src并把值傳到.listDIV里的img來顯示。并把當前所在的.active給所切換的.imgDIV上。請問,我寫的JQUERY哪里出了問題?還望解答,非常感謝!~
JQUERY遍歷問題。
慕斯709654
2018-10-15 20:19:16