如何使用jQuery将数组的每个项目添加到单独的HTML元素中?

时间:2015-02-27 15:17:28

标签: jquery html arrays

我看了,并没有找到另一个问题,问这个jQuery。如果有,请指出我。

这是我的功能:

function PopAnswers(aelement, adata) {
    var answerCount = 1;
    for(var i = 0; i < adata.length; i++) {
        $("aelement" + answerCount).text(adata[i]);
            answerCount++;
    };
}

我的问题对象:

var question1 = new QuestionBlock(
    "What is the correct jQuery code to set the background color of all p elements to red?",
    [
    '$("p").manipulate("background-color","red");',
    '$("p").style("background-color","red");',
    '$("p").css("background-color","red");',
    '$("p").layout("background-color","red");'
    ],
    2);

电话:

$("#progressbar h1").click(function() {     
            PopAnswers("#answer", question1.answers);       
    });

这是HTML:

<div id="answerbox">
                <div class="answer" id="answer1">
                    <p></p>
                </div>
                <div class="answer" id="answer2">
                    <p></p>
                </div>
                <div class="answer" id="answer3">
                    <p></p>
                </div>
                <div class="answer" id="answer4">
                    <p></p>
                </div>
            </div>

我试图用数组的元素填充每个#answer元素。 我可以得到一些帮助,希望有一个很好的解释,所以我能理解,而不必再看一遍这个问题了吗? Thnaks

1 个答案:

答案 0 :(得分:2)

您在jQuery选择器中引用了一个不存在的元素

改变这个:

$("aelement" + answerCount).text(adata[i]); // will try to fetch aelement1

进入这个:

$(aelement + answerCount).text(adata[i]); // will try to fetch #answer1