2

我创建了一个脚本，该脚本根据 li 元素的数量创建 div，并且该部分工作正常。现在我想做的是隐藏这些 div（动态创建），但它不起作用。有人可以告诉我我在这里做错了什么吗？谢谢！！
在这里提琴

我的代码：

$(document).ready(function(){
$(".create").click(function(){
i='';
var count = $("li").length;
for(var i=0;i<count;i++){
$('<div class="mydiv" style="width:100px;height:100px;background-color:red;border:1px solid #000000;"></div>').appendTo('body');
}
});

$('.check').click(function(){
var getDivs= $('div').length;
alert(getDivs);
});
//Why is this not working?
$('div').click(function(){
$(this).hide();
});
});
4

3 回答 3

3

尝试这样做（并在创建 div 时附加点击事件）：

$('<div class="mydiv" style="width:100px;height:100px;background-color:red;border:1px solid #000000;"></div>')
.click(function(){
 $(this).hide();
})
.appendTo('body');
于 2013-04-05T23:45:29.310 回答
1

所有这些代码都应该在 jQuery 中准备好。问题是您的事件在创建元素之前就被绑定了。

$(document).ready(function(){
    $(".create").click(function(){
        i='';
        var count = $("li").length;

        for(var i=0;i<count;i++){
            $('<div class="mydiv" style="width:100px;height:100px;background-color:red;border:1px solid #000000;"></div>').appendTo('body');
        }
        $('.check').click(function(){
            var getDivs= $('div').length;
            alert(getDivs);
        });
        //Now working
        $('div').click(function(){
            $(this).hide();
        });
    });
});
于 2013-04-05T23:45:59.827 回答
0

尝试

$(document).on('click', 'div', function () {
 $(this).hide();
 )};
于 2013-04-05T23:46:44.517 回答