/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

3 votes189 views1 answer
Jquery clear click event
Javascript jQuery
63 votes172 views6 answers
Jquery append after
Javascript jQuery
12 votes192 views2 answers
Jquery clear form values
Javascript jQuery
0 vote194 views1 answer
Jquery modal show backdrop static
Javascript jQuery
1 vote211 views4 answers
Jquery scroll when object appear on screen make animation
Javascript jQuery
0 vote201 views1 answer
Un hover in jquery
Javascript jQuery
2 votes210 views2 answers
Get response from form jquery
Javascript jQuery
0 vote201 views1 answer
Jquery success refresh page
Javascript jQuery
1 vote169 views1 answer
Jquery link
Javascript jQuery
42 votes196 views4 answers
Jquery add div
Javascript jQuery