我使用 PHP 動(dòng)態(tài)渲染從資料庫獲取的這些列表,每個(gè)列表都有相同的類,因?yàn)槲覠o法更改它,它會(huì)動(dòng)態(tài)渲染。我透過 JavaScript 選擇這些類,並在單擊時(shí)建立一個(gè)事件,以使用隱藏類別開啟和關(guān)閉它們。
現(xiàn)在我有一個(gè)問題,這個(gè)事件對(duì)我有用,並且僅對(duì)?
您需要使用querySelectorAll()
而不是querySelector()
。
這樣您將定位所有元素,而不是第一個(gè)符合的元素。 然後,您應(yīng)該循環(huán)遍歷每個(gè)事件並新增一個(gè)事件偵聽器,如下所示:
let kartons = document.querySelectorAll(".abc"); kartons.forEach(el => { el.addEventListener("click", (event) => { // Something happens on click }) });
您只選擇第一個(gè) .likarton
實(shí)例 - 這是透過使用 querySelectorAll()
修復(fù)的
由於您使用的是 addEventListener
,因此您將獲得被點(diǎn)擊的確切項(xiàng)目作為回呼中的參數(shù)。
使用此功能的正確 JavaScript 是 addEventListener('click', (event) => {})
要引用觸發(fā)事件處理程序的元素,您可以?%