如何使这个javascript循环？

Question

抱歉，我是 Javascript 新手。我不知道如何在 Javascript 中进行循环。这是我的fiddle，太丑了，因为那里没有循环。我是用 PHP 制作的，但我不知道如何在 javascript 中制作这样的循环。这是我在 PHP 中的代码：

<?php
    $username='michel jackson';
    for($a=1;$a<=2;$a++){
        echo "
            <div id='bigbox'>
        ";
        for($b=1;$b<=$a;$b++){
            echo "
                <div class='colkiri'>
                    <div class='colkirichild'></div>
                </div>
            ";
        }
        echo "
            <div class='colkanan'>
                    <div class='colkananchild'>
                        <div id='username'>
                            <span class='usernamechild'><img src='http://images2.fanpop.com/images/photos/7600000/Bad-michael-jackson-7647469-1787-2560.jpg' width='15' height='15' class='bayangan'></img> $username</span> <span class='countdown'>5 minutes ago</span>
                        </div>
                        <div id='comment'>
                            <div class='commentchild'>Michael Joseph Jackson was born on August 29, 1958. He was the eighth of ten children in an African-American working-class family who lived in a two-bedroom house on Jackson Street in Gary, Indiana, an industrial city and a part of the Chicago metropolitan area.[12][13] His mother, Katherine Esther Scruse, was a devout Jehovah's Witness.</div>
                            <div id='reportthis'>
                                <span id='idreply' onclick='clickreply(this)'>reply</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        ";
    }
?>

我正在尝试像fiddle 这样转换成javascript，但它还没有工作。我不知道如何在 Javascript 中使用循环。谢谢。

这是我的 javasript 代码，我没有做到：

var c=[1,2];
var z,y,x,w,a,b;
function mj1(){
    mj2();
    document.getElementById("showup").innerHTML='????';//<- which one? i don't know how to choose the variable 
}
function mj2(){
    username='michel jackson';
    for(a=1;a<=c.length;a++){
        z="<div id='bigbox'>"+
        for(b=1;b<=c.length;b++){
            y[b]="<div class='colkiri'>"+
                "<div class='colkirichild'></div>"+
            "</div>";
        }
        x="<div class='colkanan'>"+
                "<div class='colkananchild'>"+
                    "<div id='username'>"+
                        "<span class='usernamechild'><img src='http://images2.fanpop.com/images/photos/7600000/Bad-michael-jackson-7647469-1787-2560.jpg' width='15' height='15' class='bayangan'></img> username</span> <span class='countdown'>5 minutes ago</span>"+
                    "</div>"+
                    "<div id='comment'>"+
                        "<div class='commentchild'>Michael Joseph Jackson was born on August 29, 1958. He was the eighth of ten children in an African-American working-class family who lived in a two-bedroom house on Jackson Street in Gary, Indiana, an industrial city and a part of the Chicago metropolitan area.[12][13] His mother, Katherine Esther Scruse, was a devout Jehovah's Witness.</div>"+
                        "<div id='reportthis'>"+
                            "<span id='idreply' onclick='clickreply(this)'>reply</span>"+
                        "</div>"+
                    "</div>"+
                "</div>"+
            "</div>"+
        "</div>";
    }
}

Answer 1

这是您在 javascript 中的 PHP 循环。差不多...只要记住使用<script> javascript code here </script>标签告诉浏览器这是javascript

for (a = 1; a < 2; a++) { 
    //Your stuff inside here
}

要将 HTML 附加到 div，您可以使用以下代码：

document.getElementById('divID').innerHTML = '<p>your data here</p>';

或者如果你也包含 Jquery，它可以做得更简单：

$('#divID').append('<p> your data here </p>');

Answer 2

在 Javascript 中：

for(var a = 1; a <= 2; a++){
        // do stuff
        for(var b = 1; b <= a; b++){
            // do stuff
        }
//do stuff
}