【问题标题】:how to alert each values from json array in jquery如何在jquery中提醒json数组中的每个值
【发布时间】:2015-02-04 06:52:03
【问题描述】:

我有一个如下所示的 json 数组:

[
    {"fname":"name1","id":"1"},
    {"fname":"name2","id":"2"},   
    {"fname":"name3","id":"3"},
    {"fname":"name4","id":"4"}
]

我想提醒每个人的 fname。所以会及时提醒。
第一次“name1”,第二次“name2”,第三次“name3”,第四次“name4”。

我怎么能在 jquery 中做到这一点?我试过了

$.each(arrofobject, function(index, val) {
    alert(val.category);
});

但它不起作用

【问题讨论】:

  • 您显示的代码完全没问题。请出示您的完整代码。错误可能在其他地方。

标签: jquery arrays json


【解决方案1】:
var arrofobject = [{"fname":"name1","id":"1"},{"fname":"name2","id":"2"}, {"fname":"name3","id":"3"},{"fname":"name4","id":"4"}];

$.each(arrofobject, function(index, val) {
    alert('Name: '+ val.fname);
    alert('ID: '+val.id);
});

DEMO

【讨论】:

    【解决方案2】:

    试试这个方法:

    var arrofobject = [{"fname":"name1","id":"1"},{"fname":"name2","id":"2"},   {"fname":"name3","id":"3"},{"fname":"name4","id":"4"}];
    
    $.each(arrofobject, function(index, val) {
        alert(val.id+" : "+val.fname);
    });
    

    【讨论】:

      【解决方案3】:

      使用forEach()迭代数组

      var array = [{
        "fname": "name1",
        "id": "1"
      }, {
        "fname": "name2",
        "id": "2"
      }, {
        "fname": "name3",
        "id": "3"
      }, {
        "fname": "name4",
        "id": "4"
      }];
      
      array.forEach(function(v) {
        alert(v.fname);
      });

      您的代码有问题:没有category 对象属性,因此您需要改用fname

      【讨论】:

        【解决方案4】:

        这里是 jQuery 方式,

        var arr = [
            {"fname":"name1","id":"1"},
            {"fname":"name2","id":"2"},   
            {"fname":"name3","id":"3"},
            {"fname":"name4","id":"4"}
        ];
        
        $.each(arr, function(k, v){
             alert(v.id +' ==> '+ v.fname);
        })
        

        【讨论】:

        • 而现有的way不是jQuery? :)
        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2015-03-28
        • 1970-01-01
        • 2020-04-05
        • 1970-01-01
        • 2021-10-01
        • 2014-02-01
        相关资源
        最近更新 更多