/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 vote110 views1 answer
How to make html with jquery
Javascript jQuery
0 vote117 views1 answer
Jquery on hover dynamic elements
Javascript jQuery
0 vote113 views1 answer
How to calculate each row with on change table <td><input> jquery
Javascript jQuery
0 vote116 views1 answer
Jquery replace h1 with h2
Javascript jQuery
92 votes123 views3 answers
Parse json jquery
Javascript jQuery
21 votes118 views1 answer
Jquery loop through elements starting with
Javascript jQuery
9 votes121 views3 answers
Get the id of a div in jquery
Javascript jQuery
18 votes111 views6 answers
CHECK IF element is hidden jquery
Javascript jQuery
4 votes108 views2 answers
Jquery on scroll down
Javascript jQuery
0 vote107 views1 answer
Jquery on load vs ready
Javascript jQuery