/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

1 vote118 views2 answers
Copy text on button click in jquery
Javascript jQuery
1 vote122 views1 answer
If array is empty jquery
Javascript jQuery
3 votes125 views2 answers
Jquery disable checkbox
Javascript jQuery
23 votes123 views5 answers
How to reset form values in jquery
Javascript jQuery
18 votes107 views6 answers
CHECK IF element is hidden jquery
Javascript jQuery
112 votes243 views6 answers
Jquery is checked
Javascript jQuery
0 vote122 views1 answer
Jquery: finding all the elements containing the text present in an array
Javascript jQuery
0 vote122 views1 answer
How to click button programmatically in jquery
Javascript jQuery
0 vote117 views1 answer
Jquery datatable update row cell value
Javascript jQuery
1 vote125 views2 answers
Jquery option not disabled
Javascript jQuery