/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

30 votes168 views6 answers
Find element with data attribute jquery
Javascript jQuery
1 vote113 views1 answer
Jquery SEND TO END OF ARRAY
Javascript jQuery
0 vote107 views2 answers
Add parameter at the end of url from jquery with refreshing
Javascript jQuery
0 vote114 views1 answer
Jquery on load button click
Javascript jQuery
2 votes119 views2 answers
Jquery create array
Javascript jQuery
0 vote127 views3 answers
Remove style attribute from div with jquery
Javascript jQuery
0 vote102 views1 answer
Jquery slideshow autoplay
Javascript jQuery
0 vote126 views1 answer
Onclick css display jquery
Javascript jQuery
16 votes110 views2 answers
How to make button disabled in jquery before send
Javascript jQuery
1 vote107 views1 answer
How select just before element in jquery
Javascript jQuery