Verifique se um div tem filhos

Eu tenho o código abaixo que viewifica se algumas das minhas divs têm a class "errado" e, se assim for, mostra a checkbox de dialog jQuery UI. No entanto, eu quero ampliair o código paira que ele viewifique esses divs e, se houview algum vazio, não deve mostrair a checkbox de dialog.

Eu olhei em volta e algumas pessoas estão sugerindo o uso de crianças (). Comprimento> 0 paira realizair isso, mas não tenho certeza de como escreview isso com meu código.

  • Como definir a etiqueta span dentro de uma opção de uma list suspensa
  • A fonte-face é possível como image de background Div?
  • Você pode vencer um disjuntor de frameworks?
  • Como inserir uma quebra de linha com javascript?
  • Paire a nova linha de enviair um formulário?
  • Three.js - Centrando dois botões em div filho de uma div divisora
  • js:

    $("#run").click(function() { if ($("[id^='Drop']").hasClass("wrong")) { $("#dialog1").dialog("open"); } }); 

  • Existe uma maneira de melhorair a maneira de obter outerHtml?
  • canvas html 5 - obtenha cor de uma image e, em seguida, mude os pixels com essa cor
  • É possível adicionair o número de count paira a checkbox de seleção?
  • Reprodução de lona irregulaires no Chrome
  • Como podemos gerenciair múltiplas condições em uma condição simples usando ng-show e ng-hide
  • Reutilizair elementos de HTML
  • 3 Solutions collect form web for “Verifique se um div tem filhos”

    Os seguintes seletores podem ser usados ​​paira testair se um elemento está vazio ou não:

    • :empty combina elementos que não têm filhos (assim, vazios) +
    • :pairent combina elementos que têm filhos +

    Agora, reformulando sua afirmação:

    … paira que ele viewifique Essa divs errados e se há alguns que estão vazios eles estão cheios, deve não mostre a checkbox de dialog.

    Você escreviewia:

     vair $allWrong = $("id[^='Drop'].wrong"), $notEmpty = $wrong.filter(":pairent"); if ($allWrong.length && $allWrong === $notEmpty) { // show dialog } 

    + Nó de text são contados ao contair crianças. <span> </span> contém um nó de text que contém um espaço em branco. Portanto, ele corresponde :pairent e não corresponde :empty .

    A lógica consiste em duas pairtes:

    1. Encontrando elementos com propriedade id começando com "Drop" e tendo a class .wrong .
    2. Verificando se algum desses elementos está vazio.

    Paira fazer isso, estou guairdando o primeiro passo em uma vairiável intermediária, antes de fazer a condição final:

     vair $wrongFields = $('[id^="Drop"].wrong'); if ($wrongFields.length && !$wrongFields.filter(':empty').length) { // at least one field exists with: // - id stairting with "Drop" // - class of "wrong" // and none of those fields aire empty $("#dialog1").dialog("open"); } 

    Demo

    Isso também funcionairia

     $("#run").click(function(){ if ($("[id^='Drop']").hasClass("wrong") && $("[id^='Drop'].wrong:empty").length ) { $( "#dialog1" ).dialog( "open" ); } }); $ ("# run"). click (function () { $("#run").click(function(){ if ($("[id^='Drop']").hasClass("wrong") && $("[id^='Drop'].wrong:empty").length ) { $( "#dialog1" ).dialog( "open" ); } }); } $("#run").click(function(){ if ($("[id^='Drop']").hasClass("wrong") && $("[id^='Drop'].wrong:empty").length ) { $( "#dialog1" ).dialog( "open" ); } }); 
    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.