/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

2 votes246 views2 answers
Jquery loop through json
Javascript jQuery
1 vote219 views1 answer
Jquery loop each tr in table grepper
Javascript jQuery
1 vote215 views1 answer
Jquery get element by id from variable
Javascript jQuery
1 vote212 views1 answer
Jquery submit form on enter
Javascript jQuery
0 vote224 views1 answer
Which jQuery method is used to set one or more style properties to the selected element?
Javascript jQuery
16 votes214 views4 answers
Jquery html select selected get text
Javascript jQuery
57 votes188 views2 answers
Use jquery
Javascript jQuery
0 vote194 views1 answer
Datatable success function
Javascript jQuery
1 vote215 views1 answer
If array is empty jquery
Javascript jQuery
0 vote214 views1 answer
Js require jquery
Javascript jQuery