/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 vote217 views1 answer
Jquery capture tab
Javascript jQuery
98 votes226 views6 answers
Jquery if checkbox checked
Javascript jQuery
10 votes265 views3 answers
How to import jquery in js file
Javascript jQuery
0 vote237 views1 answer
JQuery delete all spans in a div
Javascript jQuery
0 vote207 views1 answer
Jquery initialize
Javascript jQuery
39 votes248 views6 answers
Jquery check if has class
Javascript jQuery
62 votes217 views6 answers
Document on click jquery
Javascript jQuery
2 votes220 views1 answer
Select a form by name jquery
Javascript jQuery
0 vote195 views1 answer
Convert to datetime in jquery
Javascript jQuery
0 vote224 views1 answer
Prepend option on 2nd index jquery
Javascript jQuery