/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 votes186 views3 answers
Count all elements with class jquery
Javascript jQuery
0 vote172 views1 answer
Jquery remove all alerts
Javascript jQuery
0 vote183 views1 answer
Jquery cdn cloudflare
Javascript jQuery
-1 vote201 views3 answers
Onclick cloSe tab in jquery
Javascript jQuery
1 vote169 views1 answer
Jquery remove string from string
Javascript jQuery
4 votes308 views5 answers
Get value of textarea jquery
Javascript jQuery
0 vote178 views1 answer
How can I select all elements without a given class in jQuery?
Javascript jQuery
0 vote204 views2 answers
Jquery empecher revoie du formulaire
Javascript jQuery
0 vote189 views1 answer
How to check element has event or not in jquery
Javascript jQuery
0 vote169 views1 answer
Jquery display text in div
Javascript jQuery