/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

59 votes275 views2 answers
Jquery doc on ready
Javascript jQuery
2 votes275 views3 answers
Jquery sanitize html
Javascript jQuery
14 votes308 views3 answers
Jquery toggle class
Javascript jQuery
0 vote418 views1 answer
Jquery select element without child
Javascript jQuery
0 vote309 views1 answer
Uncaught TypeError: jQuery.browser is undefined
Javascript jQuery
26 votes323 views6 answers
Reset form jquery
Javascript jQuery
0 vote288 views1 answer
Javascript jquery json quiz2
Javascript jQuery
28 votes305 views6 answers
Jquery install
Javascript jQuery
131 votes422 views6 answers
Jquery doc ready
Javascript jQuery
0 vote301 views1 answer
Remove current table row in jquery
Javascript jQuery