如何在JQuery中進行循環？

Question

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

在此腳本中，我將crossSlide效果應用於#slideshow。 但是，如果我有20個div，並且我想將crossSlide效果應用於“ slideshow”類的每個div怎么辦？

如何遍歷div，找到類為.slideshow ，然后將相應的圖像應用於每個div？

編輯：每個div都有自己要顯示的圖像。

Answer 1

使用類選擇器和元素選擇器 。

$('div.slideshow').crossSlide

然后，您將必須在元素上使用.each()並使用$(this)獲取當前對象

Answer 2

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

您可以使圖像源文件名成為當前元素的函數。 您可以根據索引，該元素的屬性或類似內容選擇文件名。

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