javascript - 如何根据从 json 数组接收到的动态值显示 div 内容？

Question

在这里，我需要根据从 json 数组中获取的动态值显示 div 内容。

JSON 对象

   {"userid":"12345","cmpyname":"stackoverflow",
   "starrays": [{"transaction":"7272785","value2":"GOOGLE"},     //Array [0]
   {"transaction":"85785272","value2":"YAHOO"},                  //Array [1]
   {"transaction":"4774585","value2":"REDIFF"}],                 //Array [2]
   "value3":"95345"}

从上面接收到的 JSON 对象，我将值设置为相应的 div 元素，如下所示。

$('#somedivid').html(data.userid);                         //normal json object
$('#somedivid').html(data.starrays[0].value2);             //json array object 
$('#somedivid').html(data.starrays[0].transaction);        //json array object 

在这里，如果我在 value2 和 transaction 数组中有任何值，它应该显示外部 div。否则，它应该隐藏。

 <div id="outer"> 
 <div id="verbiage1" class="ver1">
        Value 2:
    </div>
    <div id="val">
        <!-- dynamic value populate here -->
    </div>
    <div id="verbiage2" class="ver2">
        Transaction:
    </div>
    <div id="amt">
          <!-- dynamic value populate here -->
    </div>
    </div>

JSFIDDLE

如何使用 jquery 实现这一点？

Answer 1

您可以使用 Jquery.trim 检查内容是否完全为空.试试这个:

var val = $.trim($('#val').html()),
    amt = $.trim($('#amt').html());
if(!val && !amt) {
    $('#outer').hide();
    alert('No Value')
}

检查这个 DemoFiddle