/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

4 votes294 views6 answers
Jquery remove css style
Javascript jQuery
1 vote335 views1 answer
How to completely reload page in jquery
Javascript jQuery
83 votes281 views4 answers
Jquery cdn google
Javascript jQuery
11 votes285 views3 answers
Jquery delay
Javascript jQuery
2 votes290 views1 answer
Dropdown validation using jquery
Javascript jQuery
0 vote339 views1 answer
Jquery get all data attributes values
Javascript jQuery
1 vote337 views1 answer
How to get text which is in input td using jquery
Javascript jQuery
110 votes416 views6 answers
Add jquery cdn
Javascript jQuery
3 votes299 views2 answers
Jquery clone
Javascript jQuery
0 vote315 views1 answer
Jquery if in page
Javascript jQuery