javascript - Jquery:如何根据计数克隆 ？

Question

我正在尝试使用 jquery clone() 在我的网页上显示卡片。当页面加载时，它必须根据该特定位置的房间数量克隆 card div。我将计数硬编码为 roomcount。我尝试根据 https://stackoverflow.com/a/12835644/6915446 使用简单的 for 循环, 但是它每次都会使 div 的数量加倍。请给我正确的输入。

<div class="container-fluid">
<div class="row-fluid">
<div class="col-lg-2">
    <div class="card">
        <h6 class="card-header">NC001
            <ul class="card-header-pills pull-xs-right">
                <span class="badge badge-primary" aria-hidden="true">2</span>
                <!-- <span class="glyphicon glyphicon-user" aria-hidden="true"></span> -->
            </ul>
        </h6>
        <div class="card-block" id="scrollCard">
          <h4 class="card-title"></h4>
             <!-- <p class="card-text">ICU : 12.00 AM</p>
              <p class="card-text">VEN : 1.00 AM</p> -->
        </div>
    </div>
    <script>
    var roomcount = 3;
       $(document).ready(function() {
        for(var i=0; i< roomcount; i++) {
          $(".col-lg-2").clone().appendTo(".row-fluid");
      }

      });
    </script>
</div>

谢谢。

当计数为 2 时，它克隆显示 4 个 div:

当计数为 3 时，它克隆显示 8 个 div:

Answer 1

我想你可能正在克隆一个数组？

克隆之后

$(".col-lg-2") 

一旦它变成一个数组，那么当你再次克隆它时你会得到 4？

尝试使用

$(".col-lg-2:first").

汤姆