jquery for循环打印乘法表

最新推荐文章于 2021-06-08 15:12:18 发布

原创最新推荐文章于 2021-06-08 15:12:18 发布 · 708 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#jquery #for循环 #乘法表

收录于

技术分享专栏收录该内容

12 篇文章

订阅专栏

本文通过HTML和jQuery实现了一个简单的九九乘法表动态生成案例。具体做法是利用两层for循环来生成乘法表达式，并在i等于num的条件下将当前的表达式数组输出到页面上，随后清空数组以准备下一轮循环。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>for循环</title>
    <script src="js/jQuery.js"></script>
    <script>
        $(document).ready(function(){
            var arr=[];
            for (var i=1;i<10;i++){
                for (var num=1;num<10;num++){
                    var string = i+'*'+num+'='+i*num;
                    arr.push(string);
                    if(i==num){
                        $("body").append("<p>"+arr+"</p>");
                        arr=[];
                        break;
                    }
                }
            }
        });
    </script>
</head>
<body>

</body>
</html>