亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

JQUERY遍歷問題。

JQUERY遍歷問題。

慕斯709654 2018-10-15 20:19:16
具體結構如下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哪里出了問題?還望解答,非常感謝!~
查看完整描述

2 回答

?
暮色呼如

TA貢獻1853條經驗 獲得超9個贊

把你切換的操作 別在遍歷里面寫 這個是最嚴重的 其他的吃完飯在給你看看?

你可以想想 第一個active 然后 轉移到第二個 第二個也符合條件了 又轉移了。。。。。。。。。。邏輯就有問題


查看完整回答
反對 回復 2018-10-24
?
DIEA

TA貢獻1820條經驗 獲得超2個贊

//點擊.r-button

$('.r-button').on('click',function(){

    //會獲取下一張圖片src

    var $active = $('.item').children('.active');

    var nextSrc = $active.next().attr('src');

    //并把值傳到.listDIV里的img來顯示

    $('.list').children('img').attr('src', nextSrc);

    //并把當前所在的.active給所切換的.img DIV上

    $active.removeClass('active').next().addClass('active');

});

你自己講邏輯的時候也沒說“每一個”、“都”這種東西呀,怎么寫起來的時候就帶上遍歷了呢?

查看完整回答
反對 回復 2018-10-24
  • 2 回答
  • 0 關注
  • 668 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號