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 );
    }
} );

Answer 2

试试这个：

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

您可以连接以在$()内创建所需的任何字符串。

如果您需要(#example-1 .example)，请尝试

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

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

2 个答案: