javascript - 我怎么能循环在jQuery中？

我是新手jquery。

我不知道如何压缩循环代码。

我已经看到了很多代码。

$('#fadeandscale1').popup({
    pagecontainer: '.container',
    transition: 'all 0.3s'
});
$('#fadeandscale2').popup({
    pagecontainer: '.container',
    transition: 'all 0.3s'
});
$('#fadeandscale3').popup({
    pagecontainer: '.container',
    transition: 'all 0.3s'
});
$('#fadeandscale4').popup({
    pagecontainer: '.container',
    transition: 'all 0.3s'
});
$('#fadeandscale5').popup({
    pagecontainer: '.container',
    transition: 'all 0.3s'
});
$('#fadeandscale6').popup({
    pagecontainer: '.container',
    transition: 'all 0.3s'
});
$('#fadeandscale7').popup({
    pagecontainer: '.container',
    transition: 'all 0.3s'
});
$('#fadeandscale8').popup({
    pagecontainer: '.container',
    transition: 'all 0.3s'
});

最佳答案

为此，您不需要loop，可以提供多个逗号分隔的选择器，如下所示：

$('#fadeandscale1, #fadeandscale2, #fadeandscale3, #fadeandscale4, #fadeandscale5, #fadeandscale6, #fadeandscale7, #fadeandscale8').popup({
    pagecontainer: '.container',
    transition: 'all 0.3s'
});

我建议您对所有感兴趣的元素使用通用的class并将其用作选择器。

$('.fadeElems').popup({
    pagecontainer: '.container',
    transition: 'all 0.3s'
});