Javascript 建造商及；html中的数组_Javascript_Jquery_Html_Arrays

Javascript 建造商及；html中的数组

javascript jquery html arrays

Javascript 建造商及；html中的数组,javascript,jquery,html,arrays,Javascript,Jquery,Html,Arrays,我已经构建了构造函数和数组，如何使它出现在html文件中。这是一个正负显示隐藏的东西以下是html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>FAQs</title> <link rel="shortcut icon" href="images/favicon.ico"> <link rel

我已经构建了构造函数和数组，如何使它出现在html文件中。这是一个正负显示隐藏的东西

以下是html：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>FAQs</title>
  <link rel="shortcut icon" href="images/favicon.ico">
  <link rel="stylesheet" href="index.css">
  </script>
  <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
  <script src="faqs.js"></script>       
</head>

<body>
  <div id="menu">
    <?php
      include "menu.html"
    ?>
  </div>

  <section id="faqs">
    <h1>Phone Book</h1>

    <h2 id="foreign">Import</h2>
    <div>
        <!-- Array for imports goes here-->
    </div>
    <h2 id="muscle">Muscle</h2>
    <div>
        <!-- Array for muscle cars goes here-->     
    </div>
    <h2 id="two">Bikes</h2>
    <div>
        <!-- Array for bikes goes here-->
    </div>
  </section>
</body>
</html>

数组和/或构造函数可能出错。那么，如何将数组放入html中，使其显示数组中的所有内容，而不是将其全部放入html文件中呢？

包含一个添加内容的建议，而不必担心切换：

function Contact(id, type, name, phone) {
    this.id = id;
    this.type = type;
    this.name = name;
    this.phone = phone;
}

var contacts = [
    new Contact("foreign", "car", "BMW", "867-5309"),
    new Contact("foreign", "car", "Mazda", "777-7777"),
    new Contact("muscle", "car", "Ford", "224-3425"),
    new Contact("muscle", "car", "Chevy", "692-2557"),
    new Contact("two", "bike", "Kawasaki", "225-2772"),
    new Contact("two", "bike", "Harley", "224-9191")
]

$(document).ready(function() {
    $.each(contacts, function(index, contact) {
        $("#" + contact.id).append(
            "<div class='contact'>" +
            "<span class='type'>" + contact.type + "</span> " +
            "<span class='name'>" + contact.name + "</span> " +
            "<span class='phone'>" + contact.phone + "</span> " +
            "</div>"
        );
    });
});

请注意，构造函数已更改为大写形式，

Contact

。但这里可能没有理由实际使用构造函数。你没有使用原型链；这不会给你带来任何好处。这同样有效：

function makeContact(id, type, name, phone) {
    return {
        id: id,
        type: type,
        name: name,
        phone: phone
    };
}

var contacts = [
    makeContact("foreign", "car", "BMW", "867-5309"),
    makeContact("foreign", "car", "Mazda", "777-7777"),
    //...
];

你为什么在赋值后立即重新赋值

auto

？他的意思是，你赋值给

auto[0]

两次，然后赋值给

auto[1]

和

auto[2]

两次。杜德，循环一下，用jquery text（）在DOM中打印值好，我只是继续，按照惯例，每个outconstructor中有一个通常以大写字母开头，所以

函数Contacts（）

。您还应该执行

var auto=[]

它什么都不做。我需要能够在h2上点击，它会下拉列表

    $("#faqs h2").toggleClass("minus").each(function() {
        $(this).next().hide();
    });

    $("#faqs").on("click", "h2", function(evt) {
        $(this).toggleClass("minus");
        $(this).next().toggle();
    });

function makeContact(id, type, name, phone) {
    return {
        id: id,
        type: type,
        name: name,
        phone: phone
    };
}

var contacts = [
    makeContact("foreign", "car", "BMW", "867-5309"),
    makeContact("foreign", "car", "Mazda", "777-7777"),
    //...
];