Question

目前正在使用jquery对象

该对象包含

等数据

data[0]={CustUserID: 31, FirstName: "System12", LastName: "Administrator", CustUserName: "SysAdmin"}

此对象包含n个记录，我们使用data.length

获取长度

并且每个对象每个记录包含不同类型的键和n个值为

的键

所以现在我想从每条记录中获取每个键名和值名称，并且需要在页面上显示。

在html视图中：

CustUserID=31
FirstName=System12
LastName=Administrator
CustUserName=SysAdmin

我为此写的代码是

  var data="";
    for(var i=0;i<data.length;i++)
    {
    data= data+"</br>CustUserID="+data[i].CustUserID+
               "</br>FirstName="+data[i].FirstName+
               "</br>LastName="+data[i].LastName+
               "</br>CustUserName="+data[i].CustUserName;

    }

$("#DivData").html(data);

但是当数据键根据用户需求动态变化时，我感到困惑，所以我面临着获取数据的问题，因此我需要获取关键名称和数据应该动态循环。

请帮帮我......

谢谢你们..

Answer 1

您可以使用jQuery .each()

var data_result = '';
//first loop will go trough all data array elements
$.each(data, function(key, data_element){
    // second loop will go trough all object keys
    $.each(data_element, function(key, value){
        data_result += '<br/>' + key + '= ' + value);
    });
});
$("#DivData").html(data_result );

Answer 2

你可以在没有jQuery的情况下做到这一点

     var data = {
       CustUserID: 31,
       FirstName: "System12",
       LastName: "Administrator",
       CustUserName: "SysAdmin"
     };
     var dataHtml = '';

     for (var p in data) {
       if (data.hasOwnProperty(p)) {
         dataHtml += '<br/>' + p + "=" + data[p];
       }
     }

     $("#DivData").html(dataHtml);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div id="DivData"></div>

Answer 3

    var mydata = Array(), result;
    mydata[0]={CustUserID: 31, FirstName: "System12", LastName: "Administrator", CustUserName: "SysAdmin"};
    for (var key in mydata[0]){
        var obj = mydata[0][key];
        result += '<br/>'+key+'='+obj;
    }

的jQuery（ “＃本身份识别码”）的HTML（结果）;

从javascript对象获取数据而不使用键名

3 个答案: