javascript - 使用 javascript 将行添加到 jquery 网格

Question

所以基本上，我实际上正在使用 html/css/javascript 制作一个网络应用程序，而且我几乎是一个初学者(我是一个 c++/c# 人员)。我已经看到了很多种解决方案，但他们总是使用与实际 ui-grid 无关的东西。到目前为止，我制作了标题(不会改变)，现在我正在寻找一种在网格中添加行的方法。所以，这是我的标题:

<div class="ui-grid-a" id="currentgrid" style="height: 38px">
            <div class="ui-block-a">
                <div class="ui-grid-b">
                    <div class="ui-block-a">
                        <div class="ui-bar ui-bar-e">Info1</div>
                    </div>
                    <div class="ui-block-b">
                        <div class="ui-bar ui-bar-e">Info2</div>
                    </div>
                    <div class="ui-block-c">
                        <div class="ui-bar ui-bar-e">Info3</div>
                    </div>
                </div>
            </div>
            <div class="ui-block-b">
                <div class="ui-grid-b">
                    <div class="ui-block-a">
                        <div class="ui-bar ui-bar-e">Info4</div>
                    </div>
                    <div class="ui-block-b">
                        <div class="ui-bar ui-bar-e">Info5</div>
                    </div>
                    <div class="ui-block-c">
                        <div class="ui-bar ui-bar-e">Info6</div>
                    </div>
                </div>
            </div>
        </div>

这是我如何调用 js 函数来添加我需要的行

<a href="#" class="custom-button-style" onclick="find()" id="find" name="find">Search</a>

例如，如果我可以通过仅更改循环中数字的值来选择添加的行数，那就太棒了。

帮帮我=(

Answer 1

您可以通过这种方式循环和附加 HTML 元素:

for(var i = 1; i <= 10; i++) {
        $('#currentgrid').append('<div class="ui-bar ui-bar-e">Info'+i+'</div>');
}