Jquery 使用其类名隐藏动态创建的div

我通过增加div的类名来动态创建div。现在我在div的右上角有一个close按钮，我想在单击close按钮时隐藏一个特定的div

代码：

每次我创建一个div。我得到它的类名为demo1，demo2。。。等等我应该在CloseWindow函数中写入什么来隐藏我想要的div？

$divSelector.hide将隐藏所选元素

$divSelector.show将显示所选元素

$divSelector.toggle将在所选元素上切换显示/隐藏

希望这对你有帮助

您必须添加.live函数，以确保在动态生成的内容上进行单击绑定

$('#CloseWindow').live('click', function(){ 
    $(divSelector).hide();
});

---

首先，当您创建div时，我会在id上使用递增器，而不是类，因为id是唯一的：

var newdiv = $('div id="demo' + i + '" class="demo">')

其次，您需要跳过imagetag中的id，或者在那里使用相同的逻辑，因为我假设您正在创建很多div

newdiv.append($('<img class="myimage" />')); //this will add myimage to end of newdiv

---

您正在创建无效的标记，ID必须是唯一的。还要注意，类在JavaScript中是一个保留字，您应该用引号将其包装起来。因此，我无法更改id，因为每次调用此文档时；从另一个函数。我不知道如何使用类名来实现这一点？因为您已经在使用jquery，所以可以在另一个函数中使用$'.classname'来选择该类的所有div。

newdiv.append($('<img class="myimage" />')); //this will add myimage to end of newdiv

$('#closewindow').click(function(){
    $('.demo').hide();
});