Javascript循环索引问题

Javascript loop indexing issue

本文关键字：问题 索引 循环 Javascript      更新时间：2023-09-26

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

我正试图在p标记中添加一个数字，该数字是.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]);
}

实际上根本不需要buttonNumber。删除它（第2行和第5行）然后更改：

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

至：

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

尝试init buttonNumber为0。然后，使用var初始化for循环的i，然后使用buttonNumber.toString（）而不是buttonNumer[]

相关文章：