javascript - 是否可以使用 javascipt 从具有相同类名的元素集合中找到类的索引
问题描述
const bubbleBtns = document.querySelectorAll(".btn");
bubbleBtns.forEach( btn =>
btn.addEventListener('click', btn => {
console.log(btn.index);
}));
这是代码片段。是否有一些方法可以获取特定元素的索引。任何帮助表示赞赏。
解决方案
const bubbleBtns = document.querySelectorAll(".btn");
bubbleBtns.forEach(btn =>
btn.addEventListener('click', getId));
function getId(event) {
for (let i = 0; i < bubbleBtns.length; i++) {
if (bubbleBtns[i] == event.target) {
console.log(i);
}
}
}
推荐阅读
- java - Entity saving fails with not null constraint. Spring-boot
- javascript - Using Rollup to only convert to CommonJS, without bundling
- c# - How do I set the DataContext to multiple classes?
- oracle - 如何为动态表添加分页
- javascript - 什么是块作用域在 JavaScript 中有用的真实示例?
- php - get_post_meta() is not working inside order email (woocommerce)
- lua - Lua table behaviour
- c# - 使用 HttpWebRequest 登录后如何从 Web 中提取数据
- angular - Angular5 选择框打开一个 Modal -> ExpressionChangedAfterItHasBeenCheckedError
- xml - 如何从嵌套的 xml 中获取所有值?