/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 vote189 views1 answer
Jquery to json diff
Javascript jQuery
2 votes203 views1 answer
Empty the value of an input in jquery
Javascript jQuery
2 votes184 views1 answer
How to use regex in jquery
Javascript jQuery
0 vote179 views1 answer
If path name is different but parent nav should be active in jquery
Javascript jQuery
4 votes172 views3 answers
Jquery set radio button value
Javascript jQuery
0 vote205 views1 answer
Exploding string with comma using jquery
Javascript jQuery
0 vote208 views3 answers
Show a div in jquery
Javascript jQuery
1 vote188 views3 answers
If else jquery click function
Javascript jQuery
0 vote216 views1 answer
Span element converink href="plugins/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" /> ter
Javascript jQuery
0 vote192 views1 answer
Summernote keyup event jquery
Javascript jQuery