Мне нужно получить divs внутри главного div, и если данные внутри них пусты, скройте theat div

-1

У меня есть основное погружение и внутри, что есть 2 погружения. Мне нужно проверить, что если данные div пусты, не показывайте их. Данные BTW поступают из API.Мне нужно получить divs внутри главного div, и если данные внутри них пусты, скройте theat div

Вот код:

<div id ="select"> 
    <ul> 
     <li><div id="product1" style="font-family:arial; font-size:13px; border-bottom:1px solid #b8b8b8; background-color:#eeeeee; padding:10px;"> 

       <strong>{$feed/API Feed_142197/__data["1-Title"]}</strong> 
       <br/> 
       <p>{$feed/API Feed_142197/__data["1-Desc"]}</p> 

       <div style="display:inline; align:left; color:green; font-weight:bold;">{$feed/API Feed_142197/__data["1-Price"]}</div> 

       <div style="display:inline; padding-left:80px; padding-right:5px;">click to call image</div></div> 
     </li> 


     <li><div id="product2" style="font-family:arial; font-size:13px; border-bottom:1px solid #b8b8b8; background-color:#eeeeee; padding:10px;"> 
       <strong>{$feed/API Feed_142197/__data["2-Title"]}</strong> 
       <br/> 
       <p>{$feed/API Feed_142197/__data["2-Desc"]}</p> 
       <div style="display:inline; align:left; color:green; font-weight:bold;">{$feed/API Feed_142197/__data["2-Price"]}</div> 
       <div style="display:inline; padding-left:80px; padding-right:5px;">click to call image</div></div> 
     </li> 

</div>

источник

2012-05-11 Ellie

В качестве вашего кода я могу видеть ситуацию 2 div дважды. Вы имеете в виду два div без id? – reporter

Вы можете найти решение своей проблемы, прочитав [Как проверить, есть ли у элемента какие-либо дети в Javascript?] (Http://stackoverflow.com/q/2161634/218196) и [javascript hide/show element] (http: //stackoverflow.com/q/6242976/218196). –

с помощью JQuery

var div1 = $('#product1'), 
    div2 = $('#product2'); 

if (!(div1.text() || div2.text())) { 
    $('#select').hide() 
}

источник

2012-05-11 09:06:27 Guard

И без jQuery? Что, если OP даже не знает, что такое jQuery? –

что если? хорошо, им будет намного сложнее закодировать в браузере JS – Guard

Я на самом деле имел в виду, что вы, возможно, объясняете, по крайней мере, что такое jQuery и предоставляете ссылку ... –

Вот современный браузер, ни библиотеки, необходимые решения.

var nodes = document.querySelectorAll('#select div:empty'); 
for (var i = 0, il = nodes.length; i < il; i++) { 
    nodes[i].style.display = 'none'; 
}

источник

2012-05-11 09:15:06 Moncader

Мне нужно получить divs внутри главного div, и если данные внутри них пусты, скройте theat div

ответ

Смежные вопросы