要获取querySelectorAll()方法生成的DOM数组中每个元素的索引,可以使用forEach()方法遍历数组,并使用第一个参数index获取索引。
示例代码如下:
const elements = document.querySelectorAll('.example');
elements.forEach((element, index) => {
console.log(`Element at index ${index}:`, element);
});
在上述代码中,querySelectorAll('.example')会返回匹配选择器'.example'的所有元素,并以数组的形式存储在变量elements中。然后,我们使用forEach()方法遍历elements数组,并为每个元素执行一个回调函数。该回调函数的第一个参数是当前元素,第二个参数index是当前元素在数组中的索引。在回调函数中,我们可以使用index参数来访问每个元素的索引。
请注意,querySelectorAll()方法返回的是一个NodeList对象,它类似于数组,但不是真正的数组。因此,我们需要使用forEach()方法来遍历它。
这是一个关于如何获取querySelectorAll()方法生成的DOM数组中每个元素的索引的完善答案。希望对你有帮助!
领取专属 10元无门槛券
手把手带您无忧上云