JS中如何選擇多個同名的class類
P粉005134685
P粉005134685 2024-03-26 17:46:43
0
2
380

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

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

P粉005134685
P粉005134685

全部回覆(2)
P粉652523980

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

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

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

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

    })
});
P粉674999420

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


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

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

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板