jQuery：从FOR LOOP返回多个动态变量

debugcn 发表于 Dev

Cant_delete_account_NO_FREEDOM

我想计算一个类的所有元素，.step然后进行for循环并返回选择每个对应元素的变量。这是我的代码：

var steps = $('.step').length;
var i = 0;

for (var i = 0; i < steps; i++) {
    return var step + i = $('.step' + i);
}

编辑：为了使自己清楚，而不是像这样：

var step1 = $('.step1.');
var step2 = $('.step2.');
// etc..

我想用一个for循环来获取每个元件都具有一类.step，并返回一个不同的变量每一个，就像这样：step1，step2，等我怎样才能做到这一点？

拉杰什

如果要将所有数据都放在一个数组中，可以尝试如下操作：

var data = $(".step").map(function(s, index) {
  return $(".step" + (s + 1));
});
console.log(data)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div class="step step1">1</div>
<div class="step step2">2</div>
<div class="step step3">3</div>
<div class="step step4">4</div>
<div class="step step5">5</div>
<div class="step step6">6</div>

但是我宁愿建议您将数据存储在一个对象中。这将更易于访问。

var obj = {};
$(".step").each(function(i, el) {
  var _i = i + 1;
  obj["step" + _i] = $(".step" + _i);
});

console.log(obj)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div class="step step1">1</div>
<div class="step step2">2</div>
<div class="step step3">3</div>
<div class="step step4">4</div>
<div class="step step5">5</div>
<div class="step step6">6</div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。