javascript - 如果任何 Div 是空的做一些事情

Question

我有以下语句检查是否有任何带有 id #Drop 的 Div 为空，如果为空则显示警报。但是目前，当任何 div 中包含内容时，该语句将不再有效。

我想我想说的是我想要它，所以如果任何 div 为空，就会显示一个警告。总共有 4 个 Div，如果其中任何一个为空，则应显示警报消息，例如，如果 4 个中的 3 个具有内容，只要有一个空的 div，警报就会触发。

HTML:

 <div id="Drop1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
   <div id="Drop2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
   <div id="Drop3" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
   <div id="Drop4" ondrop="drop(event)" ondragover="allowDrop(event)"></div> 

JS:

$("#run").click(function(){
    if ($("[id^='Drop']").html() === ""){
        alert("empty")// ...
    }
});

Answer 1

使用 jQuery :empty 选择器。阅读更多关于 :empty 的信息选择器。

Description: Select all elements that have no children (including text nodes).

检查 DEMO

 $("#run").click(function(){
     if ($("[id^='Drop']:empty").length){
        alert("empty")// ...
     }
 }); 

第二个选项:正如我在评论和@A 中提到的那样。沃尔夫 在此处的回答评论中提及我添加第二个选项

DEMO

$("#run").click(function(){       
    if ($("[id^='Drop']").is(":empty")){
     alert("empty")// ...
    };
});