Bắt sự kiên đã có của class khi thêm 1 thẻ div mới bằng jquery

Khi bạn append một phần tử html nào vào thì trước khi append bạn hay gắn cho phần tử đó sự kiện onClick rồi mới append nó vào. Khi bạn để code như trên thì html được render ra lúc đó do chưa có phần tử nào có class là ex nên khi bạn gọi $(".ex") nó sẽ k tìm thấy phần tử nào mà gắn sự kiện onclick cả. Bạn có thể làm tương tự bên dưới code của mình.

  <div id="h">Click</div>
  <div id="container"></div>
  <script>
        let div = document.getElementById('h');
        div.addEventListener("click", function() {
            var newDiv = document.createElement("div");
            newDiv.innerHTML = 'Hello World';
            newDiv.addEventListener('click', function() {
                console.log('Hello Console');
            })
            document.getElementById('container').appendChild(newDiv);
        })
  </script>

Bạn tìm hiểu từ khóa jquery event dynamic element nha. Trường hợp của bạn thử dùng đoạn code mẫu như sau xem sao.

     $(document).on('click', '.ex', function() {
          console.log("Click event")
     });

Đối với jQuery bác có thể dùng Delegate hoặc On https://api.jquery.com/delegate/