-1

私はメインのダイブがあり、その中に 2 つのダイブがあります。div のデータが空の場合は表示しないことを確認する必要があります。ところで、データは API から取得されます。

コードは次のとおりです。

<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>
4

2 に答える 2

0

これが最新のブラウザで、ライブラリは必要ありません。

var nodes = document.querySelectorAll('#select div:empty');
for (var i = 0, il = nodes.length; i < il; i++) {
    nodes[i].style.display = 'none';
}
于 2012-05-11T09:15:06.227 に答える
0

jQueryの使用

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

if (!(div1.text() || div2.text())) {
     $('#select').hide()
}
于 2012-05-11T09:06:27.973 に答える