jeśli div ma zawartość show div

Question

ok heres co mam ... działa dobrze, ale szuka raczej słowa niż treści. Ja po prostu chcę to pokazać, gdy istnieje jakakolwiek zawartość ..

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

nie sądzę trzeba HTML dla tego

wygląda na „produkt” Jak zrobić to wystarczy spojrzeć na zawartość> 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> 

to koszyk na zakupy między witrynami, więc %% panel.upc %% wywołuje coś wstawionego przez panel administracyjny. w tym przypadku, jeśli nic nie ma ... wyświetla się jako puste miejsce w kodzie (źródło przeglądania w przeglądarce).

Answer 1

Jeśli chcesz sprawdzić tekstu, można użyć metody text():

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

lub do HTML:

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

Answer 2

Dla zaktualizowanego pytanie: Sprawdź przyciętego tekst wewnętrznej <div>, tak:

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

Poprzednia odpowiedź: Jeśli chcesz pokazać, jeśli ma nic, a następnie sprawdzanie :not() przeciwko :empty działa:

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

Jeśli chcesz sprawdzić dla jakichś eleme NTS (nie może spacje tylko), a następnie użyć :has(*), tak:

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

Answer 3

można również sprawdzić długości HTML jest wewnątrz swojej selektora:

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

Answer 4

Można również użyć selektora CSS3 :empty

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

Selektor :empty jest kierowana dopiero pustych elementów, bez białej przestrzeni.