/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

0 vote332 views1 answer
Jquery validate required false with additional function
Javascript jQuery
0 vote459 views1 answer
Jquery select element without child
Javascript jQuery
0 vote342 views1 answer
Silk carousel jquery
Javascript jQuery
12 votes365 views2 answers
How to fetch the selected value of dropdown jquery
Javascript jQuery
0 vote305 views1 answer
Kendo jquery listview
Javascript jQuery
34 votes300 views6 answers
Jquery scroll to element
Javascript jQuery
2 votes317 views2 answers
Wordpress add jquery script
Javascript jQuery
0 vote313 views1 answer
Object json jquery foreach
Javascript jQuery
20 votes309 views6 answers
Jquery change image src
Javascript jQuery
0 vote374 views1 answer
How to enable button of upload after click on chosefile in jquery
Javascript jQuery