javascript - 通过 for 循环将克隆附加到 div 不起作用

Question

下面的 javascript 代码用于克隆 clonedInput1。但是下面的代码只创建和附加一个克隆。但是 year_no 是 3。

cloneid = 0;
function clone_year(year_no)
{
    cloneid += 1;
    var container = document.getElementById('clone_div');
    var clone = $('#clonedInput1').clone();
    for (i = 0; i < year_no; i++) {
        $('.clone_div').append(clone);
    }
}

这是上述代码的html代码。

<div id="year_sem_details" style="display:none">
    <div class="form-group">
        <div class="clone_div" id="clone_div">
            <div id="clonedInput1" class="clonedInput row">
                <div class="row">
                    <!-- here some html -->
                </div>
            </div>
        </div>
    </div>
</div>

请帮我解决这个问题。

Answer 1

cloneid = 0;
function clone_year(year_no)
{
    cloneid += 1;
    var container = document.getElementById('clone_div');
    //var clone = $('#clonedInput1').clone();
    for (i = 0; i < year_no; i++) {
        $('.clone_div').append($('#clonedInput1').clone());
    }
}

clone_year(3);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="year_sem_details" style="display:block">
    <div class="form-group">
        <div class="clone_div" id="clone_div">
            <div id="clonedInput1" class="clonedInput row">1
                <div class="row">
                    <!-- here some html -->
                </div>
            </div>
        </div>
    </div>
</div>

请检查这个。