如何在JQuery中進行循環？

<script> 
    $(function() { 
    $('#slideshow').crossSlide({ 
     sleep: 2, 
     fade: 1 
    }, [ 
     { src: 'picture1.jpg' }, 
     { src: 'picture2.jpg' }, 
    ]) 
    }); 
</script>

在此腳本中，我將crossSlide效果應用於#slideshow。但是，如果我有20個div，並且我想將crossSlide效果應用於每個帶有「幻燈片放映」類的div，該怎麼辦？如何在JQuery中進行循環？

如何通過div循環，找到類.slideshow，並將相應的圖像應用到每個？

編輯：每個div都有自己的圖片，我想展示。

來源

2010-12-01 TIMEX

$（'＃slideshow'）選擇器不在尋找類，`＃`爲ID，`.`爲類。 – 2010-12-01 05:56:20

$(function() { 
    $('.slideshow').each(function(index,elem) { 
     $(this).crossSlide({ 
      sleep: 2, 
      fade: 1 
     }, [ 
      { src: 'picture'+index+'A.jpg' }, 
      { src: 'picture'+index+'B.jpg' }, 
     ]) 
    }); 
});

可以使圖像源文件名當前元素的函數獲取當前對象。您可以根據索引，該元素上的某個屬性或類似內容選擇文件名。

否則，如果文件名中沒有模式，則必須全部寫出20次。

來源

2010-12-01 05:52:05 mpen

使用class selector結合element selector。

$('div.slideshow').crossSlide

然後，你將不得不使用上的元素.each()和使用$(this)

來源

2010-12-01 05:49:13 rahul

但是如果每個div都有我想要做的圖像呢？ – TIMEX 2010-12-01 05:51:31

如何在JQuery中進行循環？

回答

相關問題