/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

19 votes259 views5 answers
Jquery on modal show
Javascript jQuery
1 vote204 views1 answer
Jquery check if string contains specific word
Javascript jQuery
0 vote200 views1 answer
Jquery steps disable finish button
Javascript jQuery
0 vote204 views1 answer
How to go back to previous page after updating data in jquery
Javascript jQuery
0 vote222 views1 answer
Get main tr from td jquery
Javascript jQuery
12 votes208 views4 answers
Verify radio checked jquery
Javascript jQuery
3 votes187 views2 answers
Serializeobject jquery
Javascript jQuery
1 vote225 views2 answers
How to find whether empty or not using jQuery
Javascript jQuery
0 vote203 views1 answer
How to get form all filed with properties in jquery
Javascript jQuery
0 vote186 views1 answer
Reset form javascript/jquery
Javascript jQuery