/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

6 votes1.4K views1 answer
Jquery first child
Javascript jQuery
34 votes190 views3 answers
Check element exist in jquery
Javascript jQuery
6 votes198 views3 answers
Jquery accept only excel file
Javascript jQuery
0 vote176 views2 answers
Jquery get value of input submit
Javascript jQuery
33 votes154 views6 answers
Jquery element by name
Javascript jQuery
4 votes153 views2 answers
Table row count in jquery
Javascript jQuery
7 votes169 views3 answers
Jquery get link href value
Javascript jQuery
2 votes236 views1 answer
Jquery clear text in div
Javascript jQuery
0 vote175 views2 answers
JQuery .hasClass for multiple values in an if statement
Javascript jQuery
2 votes167 views3 answers
Jquery sanitize html
Javascript jQuery