jQuery的通配符选择器调用插件？

Question

为了简短起见，我正在尝试为jquery cycle插件选择＃small-cycle1，＃small-cycle2等。 使用通配符选择它似乎无效，因为它会将所有周期的寻呼机导航写入每个周期。

下面是我现在如何解决该问题。

        $('#small-cycle1').cycle({ 
            speed:       0, 
            timeout:     0,
            pager:      '#nav1',
            pagerEvent: 'mouseover', 
            pauseOnPagerHover: true
        });
        $('#small-cycle2').cycle({ 
            speed:       0, 
            timeout:     0,
            pager:      '#nav2',
            pagerEvent: 'mouseover', 
            pauseOnPagerHover: true
        });
        $('#small-cycle3').cycle({ 
            speed:       0, 
            timeout:     0,
            pager:      '#nav3',
            pagerEvent: 'mouseover', 
            pauseOnPagerHover: true
        });
        $('#small-cycle4').cycle({ 
            speed:       0, 
            timeout:     0,
            pager:      '#nav4',
            pagerEvent: 'mouseover', 
            pauseOnPagerHover: true
        });
        $('#small-cycle5').cycle({ 
            speed:       0, 
            timeout:     0,
            pager:      '#nav5',
            pagerEvent: 'mouseover', 
            pauseOnPagerHover: true
        });

是否可以在选择器中和分页器：选项中使用通配符？

Answer 1

我不熟悉cycle插件，但是此代码应选择您想要的所有元素。 只需将“ cycleCount”设置为您在页面上显示的幻灯片数，它就会循环遍历它们。

var cycleCount = 5;
for(var i = 1; i <= cycleCount;i++){
    $('#small-cycle'+i).cycle({ 
        speed:       0, 
        timeout:     0,
        pager:      '#nav'+i,
        pagerEvent: 'mouseover', 
        pauseOnPagerHover: true
    });
}