如何在javascript中循环变量声明

时间:2015-08-05 17:49:35

标签: javascript jquery loops

所以我发现自己重复了一些我的javascript,并想知道是否有一种方法可以在循环中分配变量,但最后会增加数字。

所以这是我想要循环的重复代码:

var $d1 = $(".dot-1");
var $d2 = $(".dot-2");
var $d3 = $(".dot-3");
var $d4 = $(".dot-4");
var $d5 = $(".dot-5");
var $d6 = $(".dot-6");
var $d7 = $(".dot-7");
var $d8 = $(".dot-8");
var $d9 = $(".dot-9");
var $d10 = $(".dot-10");
var $d11 = $(".dot-11");
var $d12 = $(".dot-12");
var $d13 = $(".dot-13");
var $d14 = $(".dot-14");
var $d15 = $(".dot-15");
var $d16 = $(".dot-16");
var $d17 = $(".dot-17");
var $d18 = $(".dot-18");
var $d19 = $(".dot-19");
var $d20 = $(".dot-20");
var $d21 = $(".dot-21");
var $d22 = $(".dot-22");
var $d23 = $(".dot-23");
var $d24 = $(".dot-24");
var $d25 = $(".dot-25");
var $d26 = $(".dot-26");
var $d27 = $(".dot-27");
var $d28 = $(".dot-28");
var $d29 = $(".dot-29");
var $d30 = $(".dot-30");

你可以看到它的相同之处,但在变量名和类选择器中有一个递增的数字。有没有办法循环使用它?

我也发现自己也试图绕过这个:

$(".stop").click(function() {
    player1.pauseVideo();
    player2.pauseVideo();
    player3.pauseVideo();
    player4.pauseVideo();
});

我再次看到一个重复的过程,使用相同的代码,最后只增加数字。所以我在这种情况下也看到了潜在的循环。

更新

对那些对这些.dots的用途感到好奇的人来说,就像这样。

$d1.click(function(){
    $(".content-1").removeClass("zoomOut").addClass('zoomIn');
});
$d2.click(function(){
    $(".content-2").removeClass("zoomOut").addClass('zoomIn');
});
$d3.click(function(){
    $(".content-3").removeClass("zoomOut").addClass('zoomIn');
});

6 个答案:

答案 0 :(得分:5)

使用语法ArrayList<String> list = new ArrayList<String>(); list.add("cat"); list.add("dog"); list.add("parrot"); list.add("fish"); Collections.shuffle(list); 在某个对象上定义动态属性:

[]

答案 1 :(得分:5)

你最好有一个不同的,更好的逻辑开始。

为所有元素提供相同的类dot然后访问特定元素,使用.eq()方法:

$(".dot").eq(11)
例如,

会返回12 th 元素。我真的看不出有任何理由给每个元素分别上课。

根据评论,看起来您的目标是确定点击了哪个元素,为此您可以使用.index()方法,如下所示:

&#13;
&#13;
$(document).ready(function() {    
    $(".dot").click(function() {
        alert("my index is: " + $(this).index() + ", hooray!");
    });
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="dot">1</div>
<div class="dot">2</div>
<div class="dot">3</div>
&#13;
&#13;
&#13;

答案 2 :(得分:4)

如果你的变量在一个数组中(这可能会更有用),你可以这样做:

var $d = [];
for (var i = 1; i <= 30; i++) {
  $d.push($(".dot-"+i));
}

然后,您可以使用$d[index]访问元素,其中index是数字0-29(对应于&#34; .dot-1&#34;到&#34; .dot-30&#34;)

答案 3 :(得分:0)

for(var i=1; i<31; i++){
    window['$d' + i] = $(".dot-" + i);
} 

$(".stop").click(function() {
    for(var i=1; i<5; i++){
        window['player' + i].pauseVideo();
    }
});

答案 4 :(得分:-1)

不确定你对循环的意图是什么,但这样的事情可能有用吗?

 $(function(){
    var x = $("*[class^='$d']").size();
    var z =null;
    while (i < x) {
      doSomthing();  
    }
    });

答案 5 :(得分:-1)

您可以使用eval();

执行此操作
$(".stop").click(function()
{
    for (var i = 1; i < 31; i++)
    { 
        eval('player'+ i +'.pauseVideo();');
    }
});