/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

11 votes134 views2 answers
Check if textbox is focused jquery
Javascript jQuery
1 vote86 views2 answers
Get jquery data
Javascript jQuery
0 vote126 views1 answer
Get ckeditor textarea value in jquery
Javascript jQuery
0 vote201 views1 answer
Jquery get aria-label value
Javascript jQuery
0 vote158 views1 answer
Jquery pass $
Javascript jQuery
61 votes129 views2 answers
Jquery redirect to url
Javascript jQuery
0 vote145 views1 answer
Find text in label jquery
Javascript jQuery
-2 votes131 views1 answer
How to show bootstrap 5 modal using jquery
Javascript jQuery
1 vote122 views2 answers
Jquery typeof undefined
Javascript jQuery
0 vote139 views1 answer
Remove shadow in jquery
Javascript jQuery