/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

2 votes193 views2 answers
Validation select option jquery
Javascript jQuery
22 votes256 views3 answers
Scrollto jquery
Javascript jQuery
0 vote189 views1 answer
Window onscroll position fixed position in jquery
Javascript jQuery
0 vote218 views1 answer
Jquery timepicker get value onchange
Javascript jQuery
0 vote194 views1 answer
Jquery select all checkboxes except disabled
Javascript jQuery
2 votes210 views3 answers
How to convert variable to string in jquery
Javascript jQuery
2 votes212 views3 answers
Bind jquery
Javascript jQuery
0 vote189 views2 answers
Jquery remove closest
Javascript jQuery
2 votes209 views2 answers
First letter uppercase in jquery
Javascript jQuery
0 vote203 views1 answer
Jquery not readonly
Javascript jQuery