/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

6 votes159 views2 answers
Jquery send to another page
Javascript jQuery
2 votes148 views2 answers
Wordpress add jquery script
Javascript jQuery
1 vote173 views1 answer
Jquery post failure
Javascript jQuery
3 votes160 views4 answers
Jquery toggle checkbox
Javascript jQuery
9 votes149 views2 answers
Jquery find div with data attribute value
Javascript jQuery
1 vote168 views1 answer
How can I refresh a page with jQuery
Javascript jQuery
24 votes150 views6 answers
Jquery submit form
Javascript jQuery
0 vote154 views1 answer
Capturar el id de un elemento con jquery
Javascript jQuery
0 vote158 views1 answer
Toggle play/pause button jquery
Javascript jQuery
0 vote155 views1 answer
Import jquery into angular 8
Javascript jQuery