/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

7 votes191 views3 answers
Jquery get link href value
Javascript jQuery
4 votes173 views3 answers
Jquery styles
Javascript jQuery
68 votes208 views2 answers
Add class in loop jquery
Javascript jQuery
2 votes179 views1 answer
Jquery only number allowed to 10 digit
Javascript jQuery
0 vote179 views2 answers
Jquery when iframe is loaded
Javascript jQuery
6 votes132 views2 answers
Jquery get version in console
Javascript jQuery
2 votes174 views3 answers
Jquery get 2nd child
Javascript jQuery
2 votes244 views1 answer
How get last array value in jquery
Javascript jQuery
0 vote195 views1 answer
Selector id jquery but is variable
Javascript jQuery
0 vote185 views2 answers
Merge 2 arrays jquery
Javascript jQuery