/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

7 votes144 views2 answers
Jquery check if url contains string
Javascript jQuery
0 vote144 views1 answer
Jquery external script
Javascript jQuery
106 votes172 views6 answers
Jquery each
Javascript jQuery
0 vote153 views1 answer
Sending string from jquery ajax to asp.net mvc controller.
Javascript jQuery
1 vote136 views2 answers
Select a label from jquery using for attribute
Javascript jQuery
0 vote151 views1 answer
How to add text to h2 with jquery
Javascript jQuery
1 vote137 views1 answer
An unhandled exception occurred: Script file ../node_modules/jquery/dist/jquery.min.js does not exist.
Javascript jQuery
1 vote142 views1 answer
Detecting screen width in jquery
Javascript jQuery
0 vote152 views1 answer
How to change the font family using jquery
Javascript jQuery
0 vote147 views1 answer
Jquery textarea autosize
Javascript jQuery