已解決430363個問題，去搜搜看，總會有你想問的

在 forEach 數組中使用索引

首頁猿問在 forEach 數組中使用索引

在 forEach 數組中使用索引

JavaScript

夢里花落0921 2022-08-27 09:42:53

我有一個對象數組顯示在表格中...我的目標是通過單擊表中的某個特定項來訪問該項。然后，我將能夠添加/刪除類并訪問值，這最終是我需要做的。這就是我陷入困境的地方...myArray.forEach((item, index) => {// Sort through array, render to DOM document.getElementById('myElementID').innerHTML += '<tr>' + '<td>' + item.thing + '</td>' + '<td' + item.thing2 + '</td>' + '</tr>';// Completely stuck... I've added an event listener to each table row. addEventListener('dblclick', () => { console.log(//I want to log the index of the item I just clicked on); });});請原諒我，如果這很容易，或者我做錯了，但我對所有這些都很陌生，我無法以谷歌有幫助的方式組織我的問題。提前致謝。編輯 - 一些html根據要求... <table id="myElementID"> <tr> <th id="heading">Heading1</th> <th id="anotherHeading">Heading2</th> </tr> </table>再次編輯（抱歉）...和一個JS小提琴。您將看到它記錄了兩個索引，而不僅僅是我單擊的索引。https://jsfiddle.net/c4pd5wmg/4/

查看完整描述

1 回答

慕尼黑8549860

TA貢獻1818條經驗獲得超11個贊

而不是搞砸索引等。您可以將事件處理程序附加到事件處理程序中，并且只在事件處理程序中引用。我還清理了您添加的tr。tre.target

const myArray= [{number: 45,otherNumber: 55},{number: 48,otherNumber:58}]

myArray.forEach((item, index) => {

let row = document.createElement("tr");

let cell = document.createElement("td");

cell.innerHTML = item.number;

row.appendChild(cell);

cell = document.createElement("td");

cell.innerHTML = item.otherNumber;

row.appendChild(cell);

document.getElementById('myElementID').appendChild(row);

row.addEventListener('dblclick', (e) => {

console.log(e.target);

});

<tr>

<th id="heading">Heading1</th>

<th id="anotherHeading">Heading2</th>

</tr>

</table>

反對回復 2022-08-27

1 回答
0 關注
164 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

在 forEach 數組中使用索引

在 forEach 數組中使用索引

1 回答

添加回答