si div tiene contenido mostrar div

Bueno, aquí está lo que tengo … funciona bien, pero busca una palabra en lugar de contenido. solo quiero que se muestre cuando hay algún contenido …

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

no creo que necesites el html para esto

busca ‘Producto’, ¿cómo lo hago? Solo busco contenido> 0

    
%%Panel.ProductDescription%%
%%Panel.ProductWarranty%%
%%Panel.UPC%%

es un carrito de compras interpuesto, por lo que %% panel.upc %% llama a algo insertado a través del panel de administración. en este caso, si no hay nada … se muestra como espacio en blanco en el código (viendo la fuente en el navegador).

Si desea buscar texto , puede usar el método text() :

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

O para html:

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

Para la pregunta actualizada: compruebe el texto recortado del

interno, como este:

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

Respuesta anterior: si desea mostrar si tiene algo , luego verificar :not() contra :empty funciona:

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

Si desea comprobar si hay algún elemento (posiblemente no solo en el espacio en blanco), utilice :has(*) , como este:

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

También puede verificar la longitud del HTML dentro de su selector:

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

También puede usar el selector CSS3 :empty

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

El selector :empty solo se dirige a elementos vacíos, sin espacio en blanco.