javascript - 必须使用 JavaScript 和 jQuery 设置多个网格标题

Question

如果我们有类似的网格

me.grid=[{
 title:[a],
 header:[b,c,d,e],
 total:[x,y,z]
},
{
 title:[b],
 header:[b1,c1,d1,e1],
 total:[x,y,z]    
}

{
 title:[c],
 header:[b2,c2,d2,e2],
 total:[x,y,z]    
}
];

现在，我只想使用 javascript 或 Jquery 获取标题元素。

Answer 1

首先，您的 Array / Object 缺少一个,：

me.grid = [{
    title: [a],
    header: [b, c, d, e],
    total: [x, y, z]
}, {
    title: [b],
    header: [b1, c1, d1, e1],
    total: [x, y, z]
}, {
    title: [c],
    header: [b2, c2, d2, e2],
    total: [x, y, z]
}];

如果您已经定义了所有变量，您应该能够获得标题元素，例如me.grid[0].title:me.grid[1].title和me.grid[2].title.

不需要 jQuery，纯 JavaScript 就可以了。

Answer 2

如果网格是数组：

var grid = Array({
 title:'a1',
 header:('b','c','d','e'),
 total:('x','y','z')
},
{
 title:'a2',
 header:('b','c','d','e'),
 total:('x','y','z')
},
{
 title:'a3',
 header:('b','c','d','e'),
 total:('x','y','z')
});

for(i=0; i<grid.length; i++){
    alert(grid[i].title);
}

看这个小提琴

Answer 3

me.grid = [{..}, {..}, {..}];

这里缺少逗号----->^^^

js

$.each(me_grid, function (i, val) {
    console.log(me_grid[i].title);
});