2016-04-17 1 views
0

クリックして、配列内のテキストを切り替えることができます。jQueryの各メソッドを使用するにはどうすればよいですか?

(text[0] -> text[1] -> text[2] -> text[0]) 

と配列インデックスの到着終わり場合、再び配列のインデックスの開始を返します。(心と体)

私はそれぞれを使用して考えると方法をクリックしてください。 しかし、各方法はストレッチで適用されます。

私はそれをどのように行うことができますか?このよう

$(document).ready(function() { 

var arr = ["uno", "dos", "tre"]; 
var count=0; 
var n=arr.length; 

$("button").click(function() { 

    count+=1; 
    $("p").text(arr[count%n]); 


}); 

}); 
+0

回答が解決した場合は、回答を受け入れてください。 – smerny

答えて

0

このコードを試してみてくださいです。配列内のアイテムのインデックスを保持し、これを増やします。

+0

数字を入れるだけで十分注意してください。この場合、実際には数字は3ですが、配列のサイズが必ずしも同じではないため、配列のサイズを使用する方が意味があります。また、OPが "機能"の綴りに間違いを見逃した。 – smerny

1

JSFiddle

$(document).ready(function() { 
    var arr = ["uno", "dos", "tre"]; 
    var arrIndex = 0; 
    $("button").click(function() { 
     $("p").text(arr[arrIndex++]); 
     arrIndex = arrIndex % arr.length; 
    }); 
}); 

あなたは、各ループを必要としない:

これは私のコード

$(document).ready(function() { 
    var arr = ["uno", "dos", "tre"]; 
    $("button").click(fuction() { 
    $.each(arr, function() { 
     $("p").text(arr); 
    }); 
    }); 
}); 
+0

ありがとうございました!私は決して知らなかった( 'arrIndex = arrIndex%arr.length;')! – user14661

+0

@ user14661、質問をして受け入れ可能な回答を受け取ったら、回答の左側にあるチェックマークをクリックしてそれを受け入れる必要があります。 – smerny

関連する問題