Supprimer des divs vides avec des tables

Question

J'ai certaines tables imbriquées dans divs, et certaines d'entre elles sont vides, ou contiennent un espace, ou contiennent un seul caractère comme "-", et je l'appelle EMPTY DIVs. Comment puis-je supprimer le EMPTY DIVs décrit ci-dessus en utilisant JavaScript lors du chargement du document?

Une partie de mes DIVs VIDES est comme ça

<div class="extra"> 
<table> 
    <tr> 
    <td></td> 
    </tr> 
</table> 
</div> 

ou

<div class="extra"> 
<table> 
    <tr> 
    <td>-</td> 
    </tr> 
</table> 
</div> 

Answer 1

Essayez

$('.extra').filter(function(){ 
    var text = $.trim($(this).find('table').text()); 
    return text == '' || text == '-'; 
}).remove() 

Démo: Fiddle

Answer 2

Essayez cette façon,

vous pouvez utiliser $('#yourdivid').text() pour obtenir les valeurs de la div, comparer avec les valeurs que vous voulez et utilisez la méthode ci-dessous pour supprimer les divs.

var rdiv = document.getElementById('yourdivid'); 
    rdiv.parentNode.removeChild(rdiv); 

Answer 3

essayer cette

var $emptyDivs = $(); 

$('div table').each(function(){ 
    // getting table text, replaced with space 
    var c = $(this).text().replace(/\s/g,''); 
    // add condition for empty check 
    if (c =='' || c == '-'){ 
     // add parent div 
     $emptyDivs.push($(this).closest('div')[0]); 
    } 
}); 

// remove empty div 
$emptyDivs.remove(); 

Espérons que cela aide ..

Answer 4

essayez ceci:

$(".extra").find("table").each(function(){ 
    if($.trim($(this).find("tr td").text()) == "" || $.trim($(this).find("tr td").text()) == "-") 
     { 
     $(this).parents(".extra:first").remove(); 
     } 

});