JS中如何選擇多個同名的class類

Question

我使用 PHP 動態渲染從資料庫獲取的這些列表，每個列表都有相同的類，因為我無法更改它，它會動態渲染。我透過 JavaScript 選擇這些類，並在單擊時建立一個事件，以使用隱藏類別開啟和關閉它們。

現在我有一個問題，這個事件對我有用，並且僅對�

Answer 1

您需要使用querySelectorAll()而不是querySelector()。

這樣您將定位所有元素，而不是第一個符合的元素。 然後，您應該循環遍歷每個事件並新增一個事件偵聽器，如下所示：

let kartons  = document.querySelectorAll(".abc");

kartons.forEach(el => {
    el.addEventListener("click", (event) => {
         // Something happens on click

    })
});

Answer 2

您只選擇第一個 .likarton 實例 - 這是透過使用 querySelectorAll() 修復的

---

由於您使用的是 addEventListener，因此您將獲得被點擊的確切項目作為回呼中的參數。

使用此功能的正確 JavaScript 是 addEventListener('click', (event) => {})

要引用觸發事件處理程序的元素，您可以�%