/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

28 votes254 views6 answers
Jquery reset form fields
Javascript jQuery
2 votes264 views2 answers
Select class with data attribute jquery
Javascript jQuery
0 vote227 views1 answer
Jquery hide elevateZoom
Javascript jQuery
0 vote253 views1 answer
Position of element related to parent div in jquery
Javascript jQuery
2 votes260 views2 answers
Toggle class javascript and jquery
Javascript jQuery
3 votes215 views1 answer
Make ajax calls with jQuery
Javascript jQuery
3 votes228 views1 answer
Jquery find parent closest by id child
Javascript jQuery
2 votes305 views1 answer
How get last array value in jquery
Javascript jQuery
2 votes237 views1 answer
Jquery datatable get data array
Javascript jQuery
11 votes248 views2 answers
JQuery check element has focus
Javascript jQuery