/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

115 votes421 views6 answers
Jquery checkbox is checked
Javascript jQuery
4 votes298 views2 answers
Jquery on scroll down
Javascript jQuery
2 votes328 views1 answer
Get selected option jquery
Javascript jQuery
0 vote375 views1 answer
Get index of selector jquery
Javascript jQuery
83 votes328 views6 answers
Jquery click event
Javascript jQuery
0 vote349 views1 answer
Select xml child element with jQuery
Javascript jQuery
5 votes319 views4 answers
How to append select option in jquery
Javascript jQuery
0 vote348 views1 answer
Reuse jquery angular
Javascript jQuery
0 vote314 views1 answer
Error message to show in label jquery
Javascript jQuery
9 votes287 views3 answers
Jquery is visible
Javascript jQuery