/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

5 votes277 views2 answers
Alert jquery
Javascript jQuery
1 vote268 views1 answer
Print value in jquery
Javascript jQuery
-1 vote244 views3 answers
Jquery json to table
Javascript jQuery
0 vote260 views1 answer
Js jquery class ending with string
Javascript jQuery
0 vote230 views1 answer
Jquery closert
Javascript jQuery
0 vote280 views1 answer
Serach for a keyword jquery
Javascript jQuery
23 votes266 views5 answers
Smooth scroll jquery
Javascript jQuery
3 votes269 views2 answers
Select options of Select2 control based on values using Jquery
Javascript jQuery
0 vote286 views2 answers
Jquery change tabs
Javascript jQuery
2 votes270 views1 answer
Can we give a url to img with jquery
Javascript jQuery