/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 vote269 views1 answer
Get id of first td jquery
Javascript jQuery
0 vote258 views2 answers
Site completo com ajax jquery
Javascript jQuery
96 votes336 views6 answers
Checkbox click event jquery
Javascript jQuery
0 vote294 views2 answers
How can I get or extract some string part from url jquery
Javascript jQuery
0 vote303 views1 answer
Jquery disable form element
Javascript jQuery
6 votes313 views2 answers
Get closest element id jquery
Javascript jQuery
0 vote303 views1 answer
Update data modal bootstrap jquery
Javascript jQuery
0 vote305 views1 answer
Add options to select box dynamically jquery
Javascript jQuery
4 votes305 views4 answers
Trigger jquery
Javascript jQuery
4 votes270 views3 answers
Jquery if enter key pressed
Javascript jQuery