/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

3 votes134 views1 answer
Load jquery in html
Javascript jQuery
64 votes122 views5 answers
Get css value jquery
Javascript jQuery
1 vote118 views1 answer
Jquery avoid enter submit
Javascript jQuery
11 votes132 views2 answers
Jquery prop checked
Javascript jQuery
7 votes131 views3 answers
Jquery remove option from dropdown
Javascript jQuery
5 votes133 views5 answers
Scroll to top in jquery
Javascript jQuery
13 votes125 views3 answers
Get text in select jquery
Javascript jQuery
2 votes133 views2 answers
Jquery select clear options
Javascript jQuery
59 votes161 views5 answers
Jquery id click
Javascript jQuery
1 vote129 views1 answer
Jquery for each tr in td
Javascript jQuery