Question

我正在尝试检测3个div是否为空，如果它们都有一些内容，则激活按钮。

function checkContent() 
{

    if (!$.trim($('#Div1').html()).length && !$.trim($('#Div2').html()).length &&    !$.trim($('#Div3').html()).length) 
     {
        console.log("Ready");
        $('#nextbutton').prop("disabled", false);
     } 
     else 
     {
        console.log("Not Ready");
     }
}

所以我向Div1添加了一些内容，控制台显示，还没准备好。有些人还没准备好。还有一些是div 3（它现在应该准备好了），但仍然没有准备好。

不确定我做错了什么，有什么想法吗？

Answer 1

从下面删除不是条件

if ($.trim($('#Div1').html()).length > 0 && $.trim($('#Div2').html()).length > 0 && $.trim($('#Div3').html()).length > 0) {
       console.log("Ready")
       $('#nextbutton').prop("disabled", false);
   } else {
       console.log("Not Ready")
   }

Answer 2

您可以使用过滤器而不是长条件。

emptyDivs = $('[id^=div]').each(function(){
     return $.trim($(this).html()) == "";
});
if(emptyDivs.length == 0)
    $('#nextbutton').prop("disabled", false);
else 
    console.log("Not Ready")

使用jquery检测div中的内容

2 个答案: