/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 vote201 views1 answer
Scroll to class jquery
Javascript jQuery
14 votes217 views2 answers
How to get checked value of checkbox in jquery
Javascript jQuery
0 vote228 views1 answer
Hit click function only once on first click jquery
Javascript jQuery
10 votes212 views3 answers
Jquery get closest form
Javascript jQuery
0 vote215 views1 answer
Using jquery to extend textarea
Javascript jQuery
5 votes216 views2 answers
Jquery in array
Javascript jQuery
17 votes248 views6 answers
Check if element is visible jquery
Javascript jQuery
5 votes215 views5 answers
Scroll to top in jquery
Javascript jQuery
0 vote212 views1 answer
Jquery plugin for searchable dropdown
Javascript jQuery
0 vote245 views1 answer
Trigger change select element jquery
Javascript jQuery