/Javascript/jQuery/Jquery dynamic event handling

Jquery dynamic event handling

var counter = 0;

$("button").click(function() {
    $("h2").append("<p class='test'>click me " + (++counter) + "</p>")
});

// With on():

$("h2").on("click", "p.test", function(){
    alert($(this).text());
});

Source: stackoverflow.com

Change event doesn't work on dynamically generated elements .

$( "#dataTable tbody" ).on( "click", "tr",      
function() {
console.log( $( this ).text() );
});

Source: stackoverflow.com

Similar codes

0 vote137 views1 answer
Jquery wrap inner text
Javascript jQuery
1 vote148 views2 answers
Jquery get input type
Javascript jQuery
0 vote146 views1 answer
Get html lang attribute jquery
Javascript jQuery
1 vote136 views1 answer
Jquery get all file input elements
Javascript jQuery
0 vote144 views1 answer
HH:mm with am pm jquery
Javascript jQuery
0 vote195 views1 answer
How to find all elements starting with class jquery
Javascript jQuery
0 vote152 views1 answer
Jquery cdn cloudflare
Javascript jQuery
11 votes142 views5 answers
Javascript import jquery
Javascript jQuery
4 votes139 views1 answer
If str contains jquery
Javascript jQuery
1 vote160 views1 answer
Jquery div element find and remove
Javascript jQuery