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