/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

0 vote184 views1 answer
Javascript equivalent of jquery append
Javascript jQuery
0 vote201 views2 answers
Remove last char - jquery
Javascript jQuery
0 vote188 views2 answers
Segregate value by _ using jquery like explode
Javascript jQuery
0 vote185 views1 answer
Promise.all jquery ajax
Javascript jQuery
42 votes201 views4 answers
Jquery add div
Javascript jQuery
4 votes218 views2 answers
Jquery works until modal is shown
Javascript jQuery
2 votes265 views2 answers
How to fix WordPress jQuery is not defined
Javascript jQuery
1 vote228 views4 answers
Jquery get data-id
Javascript jQuery
0 vote182 views2 answers
Jquery 3.6.0
Javascript jQuery
0 vote256 views2 answers
How to assign bootstrapswitch using jquery
Javascript jQuery