jquery - 変数が増加していませんか？

Question

以下のコードに示すように、Div タグで次のボタンをクリックして 1 つずつ html ページをロードしています。その値を増やしていません。

 function loadFiles() {

      var files = ['index2.html', 'index.html','index3.html','index4.html'];
      var i=1;
      while(i<=5)
      {
           alert(i+'')
           var file = files[i];

           $('#tabpage_1').load(file + '');

           document.getElementById('txtPageNo').value = i; 
           i++;
           break;

      }
 }

そのため、ループの中断後に変数を増やしたいと考えています。

Answer 1

関数の外で変数を定義して、毎回初期化しないようにします。

 var i=1;
    function loadFiles() {

                var files = ['index2.html', 'index.html','index3.html','index4.html'];

                while(i<=5)
                {
                alert(i+'')
                var file = files[i];

                $('#tabpage_1').load(file + '');

                document.getElementById('txtPageNo').value = i; 
                i++;
                break;

                }

Answer 2

break更新していないためです。

一度

document.getElementById('txtPageNo').value = i; 
           i++;

ステートメントが実行され、ブレークのためにループが終了します。

Answer 3

break ステートメントを削除するだけです。i 変数の位置は、本来あるべき場所です。関数の外に移動すると、そのスコープ内のすべての関数に設定され、あまり役に立ちません! break は、ループを壊すという本来の目的を実行するだけです! ループを中断したい場合は、特定の条件に対してこれを行う必要があります。