/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 votes202 views1 answer
Check if variable is undefined or null jquery
Javascript jQuery
4 votes189 views3 answers
Jquery styles
Javascript jQuery
1 vote230 views1 answer
Jquery add remove class clicked element
Javascript jQuery
0 vote210 views1 answer
Jquery back button event
Javascript jQuery
17 votes206 views6 answers
Jquery select option value selected
Javascript jQuery
0 vote199 views1 answer
Jquery validate conditional
Javascript jQuery
0 vote193 views2 answers
Jquery add css important
Javascript jQuery
15 votes191 views2 answers
Change source of image jquery
Javascript jQuery
0 vote184 views1 answer
Autocomplete off using jquery
Javascript jQuery
0 vote214 views1 answer
Force click btn using jquery
Javascript jQuery