Javascript 查找一个Div中的第n个子Div

找到这个问题的解决方案将产生一个更高层次问题的解决方案

<div>
  <div class='childDiv'></div>
  <div class='childDiv'></div>
  <div class='childDiv'></div>
</div>

var childrenDivs = document.querySelectorAll('childDiv');

childrenDivs.forEach(function(value) {
  console.log('This is child number: ' + [insert code]);
});

我不知道如何找到

value

的子位置。这可能吗

childrenDivs.forEach(function(value, i) {
  console.log('This is child number: ' + (i + 1));
});

高阶函数，如

forEach（）

，通常返回迭代器（也称为数组中当前值的索引）作为第二个可选参数

---

由于数组的索引从0开始，但我们希望从1开始，因此在将迭代器登录到控制台之前，我们需要始终将1添加到迭代器中。

您忘记在

childDiv

之前在

childrenDivs=document.querySelectorAll（'.childDiv'）中放置一个


var childrenDivs=document.querySelectorAll（'.childDiv'）；
console.log（childrenDivs）；
childrenDivs.forEach（函数（currentValue，索引）{
log（'这是子编号：'+索引+1）；
});

您应该将
index
参数添加到函数中

forEach也可以有第三个参数。但是第二个和第三个是可选的

当然可以。非常感谢。
childrenDivs.forEach(function(value, i) {
  console.log('This is child number: ' + (i + 1));
});

<div>
    <div class='childDiv'></div>
    <div class='childDiv'></div>
    <div class='childDiv'></div>
</div>
<script>
    var childrenDivs = document.querySelectorAll('.childDiv');
    console.log(childrenDivs);
    childrenDivs.forEach(function(currentValue, index) {
        console.log('This is child number: ' + index + 1);
    });
</script>