Javascript индексация цикла выпуск

Question

Вот HTML

<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> 

Я пытаюсь добавить номер в р тег, который является дочерним .progressButton. Мне нужно, чтобы число увеличивалось с каждым тэгом 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

Try INIT buttonNumber в 0. Затем используйте вар, чтобы инициализировать I вашей цикл, и затем используйте buttonNumber.toString() вместо buttonNumber []