My task is to convert all jquery code to es6 compatible code.
Example:
Jquery
$('.class1 .class2').on('click', function(e) { // logic here }
ES6 Compatible
const test = document.querySelector('.class1 .class2'); test.addEventListener('click', (e) => { //logic here });
This works fine, but I am unable to convert dom click events which are registered later.
Example:
Jquery
$(document).on('click', '.class1 .pagination a', function(e) { //logic here })
What I am trying to do :
var classname = document.querySelectorAll(".class1 .pagination a");
Array.from(classname).forEach(function(element) {
element.addEventListener('click', (e)=>{
e.preventDefault();
alert(e);
});
});
Here class .class1 .pagination a
is registered later so classname is getting empty .
But using jquery $(document).on('click', '.class1 .pagination a')
it is working correctly.
Any pointer on how to convert $(document).on('click', '.class1 .pagination a')
like events to es6 ?