增加 jquery 个变量

Question

我有这段代码可以创建具有不同 ID 的变量，正如您在此处看到的：

var numgrid = jQuery('.panel-grid').length;

if (jQuery("#pg-"+id+"-0")[0])
{   var os0 = jQuery("#pg-"+id+"-0").offset().top;
    var pg0 = jQuery("#pg-"+id+"-0").attr('id');   }   

if (jQuery("#pg-"+id+"-1")[0])
{   var os1 = jQuery("#pg-"+id+"-1").offset().top;
    var pg1 = jQuery("#pg-"+id+"-1").attr('id');   }        

if (jQuery("#pg-"+id+"-2")[0])
{   var os2 = jQuery("#pg-"+id+"-2").offset().top;
    var pg2 = jQuery("#pg-"+id+"-2").attr('id');   } 

if (jQuery("#pg-"+id+"-3")[0])
{   var os3 = jQuery("#pg-"+id+"-3").offset().top;
    var pg3 = jQuery("#pg-"+id+"-3").attr('id');   } 

if (jQuery("#pg-"+id+"-4")[0])
{   var os4 = jQuery("#pg-"+id+"-4").offset().top;
    var pg4 = jQuery("#pg-"+id+"-4").attr('id');   }

if (jQuery("#pg-"+id+"-5")[0])
{   var os5 = jQuery("#pg-"+id+"-5").offset().top;
    var pg5 = jQuery("#pg-"+id+"-5").attr('id');   }

if (jQuery("#pg-"+id+"-6")[0])
{   var os6 = jQuery("#pg-"+id+"-6").offset().top;
    var pg6 = jQuery("#pg-"+id+"-6").attr('id');   }

if (jQuery("#pg-"+id+"-7")[0])
{   var os7 = jQuery("#pg-"+id+"-7").offset().top;
    var pg7 = jQuery("#pg-"+id+"-7").attr('id');   }

现在我想缩短这段代码，并且只创建与现有 class“.panel-grid”相同数量的变量。我是 jQuery 的初学者。我希望有人能帮我做一个循环来增加变量。

Answer 1

可能是：

var os = [];
var pg = [];
for (var i = 0; i < 8; i++) {
  if (jQuery("#pg-"+id+"-"+i)[0]){
     os[i] = jQuery("#pg-"+id+"-"+i).offset().top;
     pg[i] = jQuery("#pg-"+id+"-"+i).attr('id');
  }
}

Answer 2

与其考虑创建动态变量不如创建数组呢？

var os = [];
for (var i = 0; i < yourVariableLength; ++i) {
    os[i] = // getting your variable values;
}

增加 jquery 个变量

increment jquery varibles

jquery

loops

increment