首頁  >  問答  >  主體

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

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

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

P粉005134685P粉005134685230 天前345

全部回覆(2)我來回復

  • P粉652523980

    P粉6525239802024-03-27 14:50:25

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

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

    let kartons  = document.querySelectorAll(".abc");
    
    kartons.forEach(el => {
        el.addEventListener("click", (event) => {
             // Something happens on click
    
        })
    });

    回覆
    0
  • P粉674999420

    P粉6749994202024-03-27 14:10:01

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


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

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

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

    回覆
    0
  • 取消回覆