/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 votes174 views1 answer
Scroll jquery to anchor
Javascript jQuery
23 votes158 views5 answers
How to reset form values in jquery
Javascript jQuery
0 vote163 views1 answer
Track window size jquery
Javascript jQuery
9 votes200 views6 answers
Change html using jquery
Javascript jQuery
34 votes150 views6 answers
Jquery scroll to element
Javascript jQuery
13 votes147 views3 answers
Jquery hover cursor change
Javascript jQuery
31 votes180 views3 answers
Redirect to link using jquery on new tab
Javascript jQuery
0 vote159 views1 answer
Jquery auto idle logout
Javascript jQuery
1 vote149 views2 answers
Jquery datepicker no past dates
Javascript jQuery
2 votes154 views2 answers
Get response from form jquery
Javascript jQuery