Jquery remove（）函数不起作用

Question

我有以下代码：

$(".mydrop dt a").on('click', function() {
    if ($(".ulEvent").attr('style') === 'display: none;') {
          $('.rowSpaceEvent').remove();
        }
        $(".mydrop dd ul").slideToggle('fast');

        for (var i=0;i < $(".clsEvent").length;i++)
        {
            $(".eventDrop").append("<div class='row rowSpaceEvent'>&nbsp;</div>");
        }

    });

在第一次触发click事件时运行此代码时，我的div会按照我的预期创建。如果我再次执行click事件并逐步执行代码，则会严重执行remove（）函数，但不会删除div。使用chrome我仍然可以看到元素。如果我然后转到chrome的控制台窗口，然后运行相同的行删除div。基本上我正在使用复选框动态构建自定义下拉列表，当我打开下拉列表中的下拉列表中的项目数量时，我需要将所有其余页面向下推，然后当再次单击下拉列表时它将关闭并且页面的其余部分向后移动。