JavaScript indeksowanie pętla problem

Question

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

Próbuję dodać numer w tagu p, który jest dzieckiem .progressButton. Potrzebuję tej liczby do zwiększenia z każdym tagiem p. Mam problemy z moją pętlą javascript. Zakładam, że problem jest przeszkodą .text (buttonNumber []); indeksuje. Jak rozwiązać ten problem?

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

W rzeczywistości wcale nie potrzebujesz buttonNumber. Usuń je (linie 2 i 5), a następnie zmienić :

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

do:

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

Answer 2

Spróbuj startowych buttonNumber jako 0. Następnie użycie var do init I do swojej pętli for i następnie użyj buttonNumber.toString() zamiast buttonNumber []