/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

9 votes156 views2 answers
Dropdown option selection change event in jquery
Javascript jQuery
0 vote182 views1 answer
Jquery: finding all the elements containing the text present in an array
Javascript jQuery
0 vote197 views1 answer
Add set time out in jquery
Javascript jQuery
0 vote168 views1 answer
Set value array input jquery
Javascript jQuery
10 votes195 views5 answers
Jquery check if element is hidden
Javascript jQuery
1 vote192 views2 answers
Select a label from jquery using for attribute
Javascript jQuery
0 vote171 views1 answer
How to find for lable in jquery
Javascript jQuery
1 vote181 views1 answer
An unhandled exception occurred: Script file ../node_modules/jquery/dist/jquery.min.js does not exist.
Javascript jQuery
31 votes211 views6 answers
Get value of checked radio button jquery
Javascript jQuery
1 vote179 views2 answers
Jquery on wheel event
Javascript jQuery