javascript - 结合两个不同的 JavaScript 函数来获取 JSON 兄弟数据
问题描述
我有两个功能。一个 - 在“点击”上获取 id 值。second- 从 id 获取兄弟数据。
我想组合这两个函数,所以当我单击一个 div 时,获取那个 'id' 并显示来自 JSON 的兄弟数据
//this returns sibling data from JSON with id=2
const result = characters.find(item => {
// if this returns `true` then the currently
// iterated item is the one found
return item.id === 2
});
console.log(result);
//this allows me to click the different divs to get their id
var divs = document.querySelectorAll(".characterBox");
for(var i = 0; i < divs.length; i++) {
divs[i].addEventListener('click', function (event) {
console.log(this.getAttribute("id"));
});
}
解决方案
您可以将逻辑直接放入匿名函数并this.getAttribute("id")
使用2
var divs = document.querySelectorAll(".characterBox");
for (var i = 0; i < divs.length; i++) {
divs[i].addEventListener('click', function(event) {
const result = characters.find(item => {
return item.id == this.getAttribute("id")
});
console.log(result);
});
}
推荐阅读
- php - 使用 AJAX 提交后,如何将验证错误回显到我的表单?
- postgresql - 如何将avro中的blob数据写入postgres sql
- java - Apache HttpClientBuilder.create().setUserAgent(...) 不工作
- javascript - 如何从 React Native 中的字符串中提取 img src?
- flutter - 错误:参数类型“上下文”不能分配给参数类型“BuildContext”
- javascript - 画布功能
- javascript - Parcel 不会重新加载对 HTML 页面的更改
- c - 需要在特定位置放置 const 数据,但该区域在文本部分的中间
- python - ConvLstm ucf101 到 hmdb51 的迁移学习
- python - 将浮点数转换为二进制