JavaScript を使用してブートストラップのページネーションコード内のすべての要素を選択するにはどうすればよいですか?

Question

準備中のウェブサイトに Bootstrap を使用しています。オーバーフロースクロールバーは見た目が悪いのでCSSで非表示にし、JavaScript経由でマウスホイールでページネーションをスクロールしてみました。以下のコードを使用すると、上のコードは機能しますが、下のコードは機能しません。 JavaScript コードでインデックス値として [0,1] を指定すると、今度は下のインデックス値は機能しますが、上のインデックス値は機能しません。同じページ上の 2 つのページネーションで機能させるにはどうすればよいですか?調査からわかったことによると、let または va を使用する必要があるかもしれません

P粉676821490 · Answer

querySelectorAll を使用してそのクラスのすべての要素を取得し、それらをループして各要素にイベントリスナーを追加できます。

const コンテナ = document.querySelectorAll(".table-sensitive");
コンテナー.forEach(コンテナー => {
  Container.addEventListener("ホイール", function (e) {
    if (e.deltaY > 0) {
      コンテナ.scrollLeft = 100;
      e.preventDefault();
    } それ以外 {
      コンテナ.scrollLeft -= 100;
      e.preventDefault();
    }
  });
});