今天在(zài)做前端的(de)時(shí)候遇到(dào)一(yī / yì ／yí)個(gè)小問題，6個(gè)li分别代表6個(gè)按鈕，每個(gè)按鈕圖标有兩個(gè)圖片作爲(wéi / wèi)兩種狀态，大(dà)概就(jiù)是(shì)這(zhè)個(gè)樣子(zǐ)，由于(yú)整個(gè)幻燈使用了(le／liǎo)slider插件，所以(yǐ)，默認情況會有一(yī / yì ／yí)個(gè) <li class="on">,代表滑動到(dào)當前按鈕，整個(gè)是(shì)自動播放的(de)，每次這(zhè)個(gè) “on”滑動到(dào)一(yī / yì ／yí)個(gè)li，這(zhè)個(gè)li就(jiù)需要(yào / yāo)切換圖片，那麽問題來(lái)了(le／liǎo)，剛開始我的(de)思路是(shì)這(zhè)樣的(de)，首先選擇含有on的(de)li，改變他(tā)的(de)css的(de)背景圖片，圖片的(de)名稱我就(jiù)命名爲(wéi / wèi)nav1.png，nav2.png。然後獲取這(zhè)個(gè)li在(zài)索引值，用index()方法，那麽對應的(de)圖片就(jiù)是(shì)index() + 1.png。最後使用setInterval讓函數一(yī / yì ／yí)直運行，改變容易，再還原回去就(jiù)麻煩了(le／liǎo)，沒有想到(dào)一(yī / yì ／yí)個(gè)好的(de)方法，隻能找到(dào)所有不(bù)含有on的(de)li，然後循環把他(tā)們的(de)圖片都設爲(wéi / wèi)原樣，這(zhè)樣寫就(jiù)非常麻煩，而(ér)且效率肯定特别低，感覺自己走了(le／liǎo)彎路，就(jiù)好好想了(le／liǎo)一(yī / yì ／yí)下。