/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 vote375 views1 answer
JQuery UI Sortable, then write order into a database
Javascript jQuery
0 vote386 views1 answer
Jquery selected checkboxes pass as paramater to C#
Javascript jQuery
1 vote292 views1 answer
Jquery change position animate
Javascript jQuery
0 vote328 views1 answer
Add table header dynamically in jquery
Javascript jQuery
1 vote342 views1 answer
Jquery wait for all ajax requests to complete
Javascript jQuery
-1 vote328 views2 answers
JQuery exists function
Javascript jQuery
0 vote334 views1 answer
Jquery select convert into input text
Javascript jQuery
31 votes376 views6 answers
Get value of checked radio button jquery
Javascript jQuery
36 votes321 views3 answers
Jquery add html to end of div
Javascript jQuery
0 vote378 views1 answer
Jquery set multiple options selected
Javascript jQuery