使用.val()设置.each()的迭代次数

时间:2018-04-11 18:53:32

标签: javascript jquery

我有一个包含数字的字段。我使用以下代码获取该值:

$("#myField").val()
//returns 3

我想使用该值来设置循环的迭代次数。我尝试了以下方法:

$("#myField").val().each(function()...)

但我一无所获。

如何设置迭代次数?

2 个答案:

答案 0 :(得分:1)

尝试使用for循环。查看示例:

var value = $(".myField").val()
for (var i=0; value > i; i++) {
  $('.otherElement').eq(i).addClass('iteration-'+i);
}

答案 1 :(得分:0)

使用jQuery each()方法

的示例



var val = 3; //$(".myField").val() 
var arr = Array.from(Array(val).keys());

$.each(arr, function(i) {
  console.log('Iteration ' + i);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
&#13;
&#13;
&#13;

迭代n次的另一种方法是使用长箭头运算符

&#13;
&#13;
let n = $(".myField").val()
while (n --> 0)
  console.log(n)
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<input type="text" class='myField' value='5' />
&#13;
&#13;
&#13;