Jquery 如何检查div是否有图像并禁用/启用按钮

Jquery 如何检查div是否有图像并禁用/启用按钮,jquery,Jquery,我有一些空div,带有一个“pick”类,可以完美地删除图像。每次图像被删除时,我都希望有一个按钮从“禁用”的初始状态变为启用状态。我已经为输入字段查看了许多此类功能的示例,但没有针对正在删除的图像。逻辑对我来说似乎很好,我只是被难倒了 JQUERY: var empty = false; $('.pick').each(function() { if ($(this).find("img").length == 0) { empty = tru

我有一些空div,带有一个“pick”类,可以完美地删除图像。每次图像被删除时,我都希望有一个按钮从“禁用”的初始状态变为启用状态。我已经为输入字段查看了许多此类功能的示例,但没有针对正在删除的图像。逻辑对我来说似乎很好,我只是被难倒了

JQUERY:

var empty = false;
    $('.pick').each(function() {
        if ($(this).find("img").length == 0) {

            empty = true;
        }
    });

    if (empty) {
        $('#button').attr('disabled', 'disabled');
    } else {
        $('#button').removeAttr('disabled');
    }
<form>
<input type="submit" id="button" disabled='disabled' />
</form> 
HTML:

var empty = false;
    $('.pick').each(function() {
        if ($(this).find("img").length == 0) {

            empty = true;
        }
    });

    if (empty) {
        $('#button').attr('disabled', 'disabled');
    } else {
        $('#button').removeAttr('disabled');
    }
<form>
<input type="submit" id="button" disabled='disabled' />
</form> 

监听下降事件,并启用下降按钮

$('.pick').on('drop', function(e){
     if(e.originalEvent.dataTransfer) {
        if(e.originalEvent.dataTransfer.files.length) { // file added
            $('#button').prop('disabled', false);
        }
     }
});
请注意,这只适用于一个按钮,因为ID是唯一的


你能发布一些上下文吗?这里的逻辑似乎很好,但JSFIDLE确实会有所帮助。大多数情况下,我想看看图像的“删除”逻辑。所谓“删除”,你是指HTML5吗?这实际上并没有向页面添加
元素……哦,不,我知道……我在实际的拖放功能方面没有任何问题。就像我说的,我运行得很好,当一个图像在我的div中时,只需启用/禁用按钮jquery是否会在每次删除图像时执行?使用该代码,加载页面时它只运行一次