each() 函数不在 DOM 中，delegeta 问题 jquery

Question

我想在添加新行后显示alert()。

这是我的代码，但委托不起作用。

$(".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>

我使用的是基本的 jquery 版本1.4

在我的代码中，警报根本不显示！做错了什么？谢谢。

Answer 1

您可以像这样在点击处理程序中添加警报：

$("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>