/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 vote264 views1 answer
Jquery validate conditional
Javascript jQuery
11 votes264 views1 answer
Jquery get eklement by name
Javascript jQuery
1 vote252 views2 answers
Jquery option not disabled
Javascript jQuery
67 votes274 views4 answers
Document load complete jquery
Javascript jQuery
0 vote313 views1 answer
Jquery OR operator
Javascript jQuery
25 votes278 views6 answers
Jquery get dropdown selected value
Javascript jQuery
0 vote232 views1 answer
How to create jquery function
Javascript jQuery
0 vote268 views1 answer
Jquery find child of parent sibling
Javascript jQuery
83 votes269 views6 answers
Jquery click event
Javascript jQuery
0 vote264 views2 answers
Trigger play video jquery
Javascript jQuery