/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

13 votes220 views2 answers
If checkbox checked jquery value 1
Javascript jQuery
0 vote231 views1 answer
How to count the rows of gridview in asp.net using jquery
Javascript jQuery
3 votes195 views5 answers
Get span text jquery
Javascript jQuery
0 vote239 views1 answer
Detect when page scroll to div javascript no jquery
Javascript jQuery
29 votes201 views6 answers
Option selected jquery
Javascript jQuery
0 vote199 views1 answer
Set value array input jquery
Javascript jQuery
7 votes238 views2 answers
Jquery check if url contains string
Javascript jQuery
0 vote316 views1 answer
Remove attribute onclick jquery
Javascript jQuery
1 vote205 views2 answers
Jquery remove focus from all elements
Javascript jQuery
1 vote201 views1 answer
Jquery SEND TO END OF ARRAY
Javascript jQuery