附加jquery的内容不是DOM的一部分

Question

我有一个空div <div id="content"></div>，我通过jquery append添加内容。

$('#content').append('<div class="sub">sub1</div>');
$('#content').append('<div class="sub">sub2</div>');
$('#content').append('<div class="sub">sub3</div>');

当我点击一个按钮时，我想运行一个读取每个子内容的jquery，但我什么都没得到，我认为因为div元素是通过javascript添加的，所以它们并不是真的在页面上。

$('.sub').each(function(){
  alert($(this).text());
} 

如何通过javascript添加html？

Answer 1

课程$('.sub')而不是$('sub')。