如何将这些简单的javascript行组成一个循环

How to make these simple javascript lines into a loop

本文关键字：循环 一个 简单 javascript      更新时间：2023-09-26

我刚刚开始学习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]");
    });

我该怎么做？

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

试试这个：

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

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

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

$("#example-" + i + " .example")
相关文章：