Javascriptのループインデックスの問題

Question

は、ここで私は.progressButtonの子であるpタグに番号を追加しようとしています

<li class="carousel-btn-wrapper"> 
    <div class="progressButton"> 
    <p></p> 
    </div> 
    <button class="videoCaroselButton">Welcome</button> 
</li> 
<li class="carousel-btn-wrapper"> 
    <div class="progressButton"> 
    <p></p> 
    </div> 
    <button class="videoCaroselButton">Video Name</button> 
</li> 
<li class="carousel-btn-wrapper"> 
    <div class="progressButton"> 
    <p></p> 
    </div> 
    <button class="videoCaroselButton">Another Video Name</button> 
</li> 

HTMLです。私はすべてのpタグで増加する数字が必要です。私はJavaScriptのループに問題があります。私はその問題が方法.text（buttonNumber []）にあると仮定します。インデックス作成中です。これをどうすれば解決できますか？

var videoSrcArray = ['url.com/adf', 'url.com/asf', 'url.com/sdf', 'url.com/asdf','url.com/asdfl'] 
var buttonNumber = ""; 
var i; 
for (i = 1; i < videoSrcArray.length - 1; i++) { 
    buttonNumber += i ; 
    $('.progressButton').children('p').text(buttonNumber[1]); 
} 

Answer 1

実際にはbuttonNumberはまったく必要ありません。 （ライン2と5） それを削除してから変更します。

$('.progressButton').children('p').text(buttonNumber[1]); 

に：

$('.progressButton').children('p').eq(i-1).text(i); 

Answer 2

を0 としてbuttonNumberのinitてみてください、あなたのループのための私をinitにVARを使用し、 buttonNumber []の代わりにbuttonNumber.toString（）を使用してください。