Question

我正在学习JavaScript和jQuery，并且有一个（可能是愚蠢的新手）问题。如果我正在使用构造函数，我如何从结果数组中获取内容并在jQuery中引用它，比如将它附加到HTML文档中的<div>？

示例：

var questGen = function (question, answer) {
var self = this;
self.Question = question;
self.Answer = answer;
};

var quizQuestion = new questGen("Question", ["Answer", "Answer 2", "Answer 3"]);

我可以在JavaScript中使用DOM，并且我已经成功地使quizQuestion成为一个庞大的对象数组，并使用JavaScript通过DOM分发它们，但是我如何从中获取Question quizQuestion，并使用jQuery将其附加到<div>

编辑：我担心我在解释错误，我道歉，我对这些东西都是新手。我想知道的是如何从jQuery中的questGen.Question获取object，然后将其作为文本添加到HTML <div>中。

Answer 1

假设您的HTML中包含以下内容：

<div id="question"></div>

这是您已有的代码：

var questGen = function (question, answer) {
    var self = this;
    self.Question = question;
    self.Answer = answer;
};
var quizQuestion = new questGen("Question", ["Answer", "Answer 2", "Answer 3"]);

现在你想从 quizQuestion 中“抓住”问题，并将其附加到使用jQuery，只需执行

$('#question').append(quizQuestion.Question);

同样地

var answers = quizQuestion.Answer;

现在答案为您提供 [“答案”，“答案2”，“答案3”]

的数组

答案是基于我对你的问题的理解，我不确定我是否正确

Answer 2

好吧，假设你有一个这些对象的数组，并希望在div中列出所有.Question ...

JS：

for (var x=0;x<array.length;x++) {
    $('#divID').append(array[x].Question+'<br/>');
}

或没有JQuery

for (var x=0;x<array.length;x++) {
    document.getElementById('divID').innerHTML += (array[x].Question+'<br/>');
}

Answer 3

尝试

HTML

<div id="results"></div>

JS

var questGen = function (question, answer) {
var self = this;
self.Question = question;
self.Answer = answer;
};

var quizQuestion = new questGen("Question", ["Answer", "Answer 2", "Answer 3"]);

$("#results")
.text(quizQuestion["Question"] +": "+ quizQuestion["Answer"].join(", "));

jsfiddle http://jsfiddle.net/guest271314/b1f3xge9/

在jQuery中引用JavaScript对象

3 个答案: