如何将这些简单的javascript行转换为循环

Question

我刚刚开始学习javascript,并且我编写了以下代码(来自php背景):

$(document).ready(function(){
$("#example-1").attr("rel","1");
$("#example-2").attr("rel","2");
$("#example-3").attr("rel","3");
});

我假设将它变成更像这样的东西会更快并且使用更少的资源(即使它是微不足道的):

        jQuery(document).ready(function(){
foreach #example-X
 i++
        $("#exmaple-[i]").attr("rel","[i]");
    });

我怎样才能做到这一点？

Answer 1

$(function() {
    for( var i = 1; i <= 3; i++ ) {
        $( '#example-' + i + ' .example' ).attr( 'rel', i );
    }
} );

如果你有三个以上,假设它们是div,我相信这应该有效

$(function() {
    for( var i = 1; i <= $( 'div[id^=example]' ).length ; i++ ) {
        $( '#example-' + i + ' .example' ).attr( 'rel', i );
    }
} );