Wenn div Inhalt hat div

Question

ok heres was ich habe ... es funktioniert gut, aber es sucht nach einem Wort eher als Inhalt. ich will es nur um zu zeigen, wenn es irgendeinen Inhalt ist ..

$(document).ready(function(){ 
     if ($("#box3:contains('Product')").length) { 
      $('#third').show(); 
     }           
    }); 

Ich glaube nicht, müssen Sie den HTML-Code für diese

es für ‚Produkt‘ sieht, wie ich es aussehen nur für Inhalt machen> 0

<div id="first" class="tab" > 
    <div class="tabtxt"> 
     <a>DETAILS</a> 
    </div> 
</div> 
<div class="tab" id="second"> 
    <div class="tabtxt"> 
     <a>INSPIRATION</a> 
    </div> 
</div> 
<div class="tab" id="third" style="display:none"> 
    <div class="tabtxt"> 
     <a>NOTES</a> 
    </div> 
</div> 

<div class="boxholder"> 
    <div style="overflow: hidden; display:block" class="box" id="box1"> 
     <div style="padding: 10px; line-height:16px"> 
      %%Panel.ProductDescription%% 
     </div> 
    </div> 
    <div style="overflow: hidden; display:none" class="box" id="box2"> 
     <div style="padding: 10px; line-height:16px"> 
      %%Panel.ProductWarranty%% 
     </div> 
    </div> 
    <div style="overflow: hidden; display:none" class="box" id="box3"> 
     <div style="padding: 10px; line-height:16px"> 
      %%Panel.UPC%% 
     </div> 
    </div> 
</div> 

sein ein Interspire Warenkorb so die %% panel.upc %% in etwas über das Admin-Panel eingefügt aufruft. in diesem Fall, wenn es nichts gibt .. es zeigt als Leerzeichen im Code (Anzeigequelle im Browser).

Answer 1

Wenn Sie Text überprüfen möchten, können Sie verwenden, um die text() Methode:

$(document).ready(function(){ 
    if ($("#box3").text().length > 0) { 
    $('#third').show(); 
    }           
}); 

Oder html:

$(document).ready(function(){ 
    if ($("#box3").html().length > 0) { 
    $('#third').show(); 
    }           
}); 

Answer 2

Für die aktualisierte Frage: Überprüfen Sie den getrimmten Text des inneren <div>, wie folgt aus:

if ($.trim($("#box3 div").html())) { 
    $('#third').show(); 
} 

Zurück Antwort: Wenn Sie wollen, um zu zeigen, wenn es etwas hat, dann :not() Überprüfung gegen funktioniert:

if ($("#box3:not(:empty)").length) { 
    $('#third').show(); 
} 

Wenn Sie für irgendein eleme überprüfen möchten nts (nicht möglicherweise Leerzeichen nur), dann :has(*) verwenden, wie folgt aus:

if ($("#box3:has(*)").length) { 
    $('#third').show(); 
} 

Answer 3

Sie können auch für die Länge des HTML überprüfen in Ihrem Wähler:

if ($("#box3").html().length) { 
    $('#third').show(); 
}  

Answer 4

Sie können auch den CSS3-Selektor :empty

div#empty-div:empty { 
    display: none; 
} 

Die :empty Wähler nur leere Elemente nur Targeting verwenden, ohne Leerraum.