/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 vote158 views2 answers
Hide a div in jquery
Javascript jQuery
1 vote160 views4 answers
Jquery get selected text from multiselect
Javascript jQuery
8 votes156 views4 answers
JQuery check if class contains any element
Javascript jQuery
1 vote189 views2 answers
Jquery detect change in textarea content
Javascript jQuery
84 votes181 views3 answers
Jquery google cdn
Javascript jQuery
1 vote179 views1 answer
Jquery select a dynamic element
Javascript jQuery
3 votes165 views2 answers
Jquery form serialize object
Javascript jQuery
0 vote175 views1 answer
Jquery external script
Javascript jQuery
0 vote193 views1 answer
How to get query param in jquery
Javascript jQuery
0 vote187 views1 answer
Jquery remove items from dropdownlist
Javascript jQuery