Javascript 如何基于从json数组接收的动态值显示div内容？

这里，我需要根据从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

数组中有任何值，它应该显示outer 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>

价值2：
交易：

---

如何使用jquery实现这一点？

您可以使用检查内容是否完全为空。试试这个：

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

---

检查这个

这就是你要找的吗

var 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"}

if(json["starrays"].length > 0 && (json["starrays"][0].transaction != undefined
                               && json["starrays"][0].value2 != undefined)) {
   $('#outer').show();
   $('#val').html(json["starrays"][0].value2);
   $('#amt').html(json["starrays"][0].transaction);
}

---

我不完全确定，但我会这样做：-我会有一个“如果”语句来检查我们是否有数据（value2和transaction），如果没有，我会隐藏我不需要的div。我希望这可以给您一个起点。您的答案是write，但只更正这一行var val=$.trim（$（'#val'）.html（））；