Jquery 创建一个数组，并在HTML中显示每个数组和循环

我想创建一个数组来存储：

document title
document summary
document link

然后循环遍历每个条目，在html中显示每个条目

到目前为止，我得到了我的阵列..：

var docs = [
{
    doc-title: "onesider number 1",
    doc-info:    "its onesider number 1",
    doc-src: "link here"
},

{
    doc-title: "Onesider number 2",
    doc-info:    "its onesider number 2",
    doc-src: "link here"
}

];

---

但在此之后，我不知道如何循环和显示每一个。有什么建议吗？

您一次要问两个问题：

• 如何在javascript中循环
• 如何将数据从该循环添加到DOM

您可以检查关于的这个问题，还可以查看中的append、prepend、text、html、attr函数

下面可能是您试图实现的目标（假设您使用的是jQuery）：

var文档=[
{
docTitle:“单边数字1”，
docInfo:“它的单侧数字1”，
docSrc：“链接此处”
},
{
docTitle:“单边2号”，
docInfo:“它的唯一编号2”，
docSrc：“链接此处”
}
],
//这应该是您的物品容器
容器=$（“#文档”）；
$。每个（文档，功能（i，文档）{
//让我们创建DOM
var item=$（''）.addClass（'item'），
标题=$（''），
信息=$（“”），
链接=$（'
它的单面数字是1

它唯一的号码是2

---

以下是使用

$循环所有项目

文件：

演示：
这些是无效的对象文本，如果要在键中使用连字符，请将其双引号引为：
“doc title”：“onesider number 1”
，然后检索如下值：
doc[“doc title”]
而不是
doc.doc title
，这将不起作用。在我看来，你应该避免使用连字符，除非你别无选择，否则请改用驼峰格。谢谢-两个答案都是正确的，但这给了我所需的一切。Bravo。你的答案是我所看到的第一个显示循环通过obje数组需要两个循环的答案当我看到它时，cts是有意义的，但我无法理解。谢谢！
var docs = [
    {
        docTitle: "onesider number 1",
        docInfo:    "its onesider number 1",
        docSrc: "link here"
    },
    {
        docTitle: "Onesider number 2",
        docInfo:    "its onesider number 2",
        docSrc: "link here"
    }
],

// This should be your items container  
container = $('#documents');


$.each(docs,function(i,doc){

    // Let's create the DOM
    var item = $('<div>').addClass('item'),
        title = $('<h1>'),
        info = $('<p>'),
        link = $('<a>');

    // Add content to the DOM
    link.attr('href',doc.docSrc)
    .text(doc.docTitle)
    .appendTo(title);

    info.text(doc.docInfo);

    // Append the infos to the item
    item.append(title,info);

    // Append the item to the container
    item.appendTo(container);
});

<div id="documents"></div>

<div id="documents">
  <div class="item">
    <h1><a href="link here">onesider number 1</a></h1>
    <p>its onesider number 1</p>
  </div>
  <div class="item">
    <h1><a href="link here">onesider number 2</a></h1>
    <p>its onesider number 2</p>
  </div>
</div>

$.each(docs, function(index, obj){
    $.each(obj, function(key, value){
        alert(key+'=='+value); //manipulate the items here
    })  
})