0

在我的 js 中，我得到一个看起来像这样的列表“数据”：

data = {test: 'test', test2:'test2', test3 : buffer}

我的“缓冲区”有这种形式： 

buffer =[{testa: 'testa', testb : 'testb'}, {testc: 'testc', testd : 'testd'}, {teste: 'teste', testf : 'testf'} ... ]

我想做的是对于缓冲区的每个元素，使用它包含的数据并像这样进行追加。

$('.try').append('<div> <p> '+testa+' </p> <p> '+testb+' </p> <div>')
$('.try').append('<div> <p> '+testc+' </p> <p> '+testd+' </p>)
...

html:

<div class='try' >

关于如何做到这一点的任何想法？

我知道我可以使用“data.buffer”访问“缓冲区”。但是，我需要为“缓冲区”的每个元素创建一个循环，然后为缓冲区的每个元素，提取其中的数据并创建一个新的 div ...

任何帮助都会非常受欢迎。

编辑：这是我尝试过的：

    for (var i in data.buffer) $('.try').append('<div> <p> '+i.testa' </p> <p> '+i.testb' </p> </div>')

但它不起作用。

4

1 回答 1

2

用于$.each迭代您的对象..

试试这个

var buffer=[{testa: 'testa', testb : 'testb'}, 
            {testc: 'testc', testd : 'testd'}, 
            {teste: 'teste', testf : 'testf'}]​;

var html = '';
$.each(buffer ,function(i, v){ // Iterate over the Array
    html += '<div>' ;
    $.each(v, function(j,value) { // Iterate over each object
        html += '<p> '+ value+' </p>' ;
    });   
    html += '</div>' ;        
});


$('.try').append(html);

检查小提琴

更新

对于您要问的第二种格式..删除最里面的$.each

var html = '';
$.each(buffer, function(i, v) { // Iterate over the Array
    html += '<div>';
    var k = 0;
    $.each(v, function(j, value) { // Iterate over each object
        if (k == 0) {
            html += '<p> ' + value + ' </p>';
        }
        else {
            html += '<img src="' + value +'" />';
        }
        k++;
    });
    html += '</div>';
});

$('.try').append(html);​

小提琴

于 2012-11-20T17:59:08.250 回答