jQueryを使わず、動的にイベントリスナを追加する。

dynamicEvent.js

let elements = document.getElementsByTagName("div");
Array.from(elements, (element) => {
  if (element.classList.contains(".foo")) {
    element.addEventListener("click", () => {
      console.log("FOO!");
    })
  }
});

jQuery のコードは途中で心が折れたので読んでませんが、先の例で ul.js-list だけにイベントがついてるので、やっぱりバブルアップを使ってそうと思った。

でも止めた方が・・・