each() function 不在 DOM 中，委托问题 jquery

Question

I want to display the alert() after a new row is appended.

This is my code, but delegation is not working.

 $(".tweet").each(function() { alert("tweet alert"); }); $("button").click( function(){ $("#container").append("<div class='tweet'>tweet</div>"); }); $(document).delegate('click', function(){ $(this).addClass("tweet"); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <div id="container"></div> <button>Create</button>

Im using a basic jquery version 1.4

In my code, the alert doesnt display at all? what am doing wrong. thank you.

Answer 1

You can add the alert inside the click handler like so:

 $("button").click(function() { $("#container").append("<div class='tweet'>tweet</div>"); alert("tweet alert"); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <div id="container"></div> <button>Create</button>