首先，你必须监听DOM change事件，然后你可以根据孩子的数量触发一个自定义事件

$('#container').bind('DOMSubtreeModified', function(){
    if($(this).children().length>=4){
        $(this).trigger('divFull');
    }
});

然后可以绑定到自定义divFull事件

$('#container').bind('divFull', function(){
    alert('container is full');
    $('button').prop('disabled',true);
});

基于您的示例的working demo

我对@skafandri方法做了一点修改，因为DOMSubtreeModified事件在IE〈9上不起作用，并且已经过时了。主要的修改是创建一个函数，如果divFull事件在容器中有4个子事件，该函数将调用该事件。

var checkFull = function() {
    if ($container.children().length === 4) {
        $container.trigger('divFull');
    }
}

$('#button1').click(function(){
    $container.append('<div class="element">some text</div>');
    checkFull();
});

这里是the demo。