javascript - これらの単純な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 );
    }
} );

3つ以上ある場合、それらがdivであると仮定すると、これでうまくいくと思います

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

Answer 2

これを試して：

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

連結して、内部で必要な任意の文字列を作成できます$()。

必要な場合(#example-1 .example)は、試してください

$("#example-" + i + " .example")