在JavaScript中,可以使用DOM(Document Object Model)API来在容器中查找元素的索引。以下是一个示例代码:
function getElementIndex(element, container) {
const children = container.children;
let index = 0;
let found = false;
while (index< children.length && !found) {
if (children[index] === element) {
found = true;
} else {
index++;
}
}
if (found) {
return index;
} else {
return -1;
}
}
const element = document.querySelector('#myElement');
const container = document.querySelector('#myContainer');
const index = getElementIndex(element, container);
console.log('Element index:', index);
在这个示例中,我们定义了一个名为getElementIndex
的函数,它接受两个参数:要查找的元素和容器元素。函数首先获取容器元素的所有子元素,然后遍历这些子元素,检查每个子元素是否与要查找的元素相同。如果找到了匹配的元素,函数返回该元素的索引;如果没有找到匹配的元素,函数返回-1。
我们使用querySelector
方法来获取要查找的元素和容器元素,然后调用getElementIndex
函数来查找元素的索引,并将结果打印到控制台中。
领取专属 10元无门槛券
手把手带您无忧上云