JS | 获取当前点击的是第几个元素
要获取当前点击的是第几个元素，可以在点击事件处理函数中使用event.target来获取被点击的元素，然后使用NodeList.prototype.indexOf()方法来找到它在其父元素的子元素中的索引。
以下是一个简单的示例代码：
// 假设我们有一个包含多个子元素的父元素
const parentElement = document.getElementById('parent');
// 为父元素的所有子元素添加点击事件监听器
parentElement.addEventListener('click', function(event) {
// event.target 是被点击的元素
const childElement = event.target;
// 获取被点击元素在父元素中的索引
const index = Array.prototype.indexOf.call(parentElement.children, childElement);
// 输出索引
console.log('你点击了第 ' + (index + 1) + ' 个元素。');
});在这个例子中，当你点击#parent元素中的任何一个子元素时，都会触发事件，并输出你点击的是第几个子元素。注意，indexOf()方法返回的索引是从0开始的，所以在输出时加1将其转换为从1开始的索引。
评论已关闭