JSで同じ名前の複数のクラスを選択する方法

Question

私は PHP を使用して、データベースから取得したこれらのリストを動的にレンダリングしています。各リストは同じクラスを持ち、変更できないため、動的にレンダリングされます。 JavaScript 経由でこれらのクラスを選択し、クリック時に非表示クラスを使用してクラスを開いたり閉じたりするイベントを作成します。

ここで質問があります。このイベントは私にとって、そして� に対してのみ機能します。

Answer 1

querySelector() の代わりに querySelectorAll() を使用する必要があります。

この方法では、最初に一致した要素ではなく、すべての要素がターゲットになります。 次に、各イベントをループし、次のようにイベント リスナーを追加する必要があります。 リーリー

Answer 2

最初の .likarton インスタンスのみを選択しています - これは querySelectorAll()

を使用することで修正されます

---

addEventListener を使用しているため、クリックされた正確な項目がコールバックのパラメーターとして取得されます。

この機能を使用するための正しい JavaScript は addEventListener('click', (event) => {})

です。

イベント ハンドラーをトリガーした要素を参照するには、% を使用できます。