/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

-1 vote172 views2 answers
How to avoid duplicate values in dropdownlist using jquery
Javascript jQuery
0 vote151 views1 answer
Jquery add attribute without value
Javascript jQuery
0 vote159 views1 answer
Jquery boilerplate
Javascript jQuery
1 vote153 views1 answer
Jquery scrolltop animate
Javascript jQuery
3 votes154 views2 answers
Jquery change font size
Javascript jQuery
6 votes121 views3 answers
Jquery get all checkbox
Javascript jQuery
3 votes170 views4 answers
Get selected value of select2 dropdown in jquery
Javascript jQuery
0 vote157 views1 answer
Jquery basics
Javascript jQuery
118 votes354 views6 answers
JQuery is checkbox checked
Javascript jQuery
4 votes184 views4 answers
Change background image with jquery
Javascript jQuery