Как я могу использовать цикл в jquery?

Question

Я новичок 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' 
}); 

Answer 1

Вы можете использовать селектор CSS3 [attribute^=value], который выбирает элемент, основанный на начало атрибута, то id для нас

$('div[id^="fadeandscale"]').popup({ pagecontainer: '.container', transition: 'all 0.3s' }) 

Answer 2

Вам не нужно 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' 
});