私は PHP を使用して、データベースから取得したこれらのリストを動的にレンダリングしています。各リストは同じクラスを持ち、変更できないため、動的にレンダリングされます。 JavaScript 経由でこれらのクラスを選択し、クリック時に非表示クラスを使用してクラスを開いたり閉じたりするイベントを作成します。
ここで質問があります。このイベントは私にとって、そして� に対してのみ機能します。
P粉6525239802024-03-27 14:50:25
querySelector()
の代わりに querySelectorAll()
を使用する必要があります。
この方法では、最初に一致した要素ではなく、すべての要素がターゲットになります。 次に、各イベントをループし、次のようにイベント リスナーを追加する必要があります。 リーリー
P粉6749994202024-03-27 14:10:01
最初の .likarton
インスタンスのみを選択しています - これは querySelectorAll()
addEventListener
を使用しているため、クリックされた正確な項目がコールバックのパラメーターとして取得されます。
この機能を使用するための正しい JavaScript は addEventListener('click', (event) => {})
イベント ハンドラーをトリガーした要素を参照するには、% を使用できます。