Как я могу ограничить количество JQuery клонированных Div?

Question

Я новичок в JQuery, и у меня возникли некоторые проблемы с функцией Clone ().

Мой вопрос: как я могу ограничить количество клонов ответов?Буду ли я объявлять переменную и запускать ее через цикл, пока не будет достигнуто желаемое число?

.поскольку я действительно не знаю, как подойти к этому.

Answer 1

Похоже, ваш код вызовет создание нескольких элементов с одинаковым идентификатором, что не идеально, но для ответа на ваш вопрос, возможно, сделайте следующее:

<script type="text/javascript">
     var limit = 10;
     $('#foo').click(function () {
         if($('#answer').length < limit) {
             $('#answer').clone().appendTo('#answer_wrapper');
         }
     });
</script>

Answer 2

Вы можете либо ограничить число клонированных элементов div, установив var за пределами события click и увеличив его значение, либо подсчитать число элементов div.

Я ожидаю, что вы тоже хотите изменить или удалить идентификатор.

<script type="text/javascript">
    var count = 1;
    $('#foo').click(function () {
        if(count < 5) {
            $('#answer').clone().attr({ 'id': 'answer' + count }).appendTo('#answer_wrapper');
            //$('#answer').clone().removeAttr('id').appendTo('#answer_wrapper'); // remove the attribute
            count++;
        }
    });
</script>

число делений:

<script type="text/javascript">
    $('#foo').click(function () {
        if($('.answer').length < 5) { // Hope you add a class to the answer
            $('#answer').clone().addClass('answer').removeAttr('id').appendTo('#answer_wrapper');
        }
    });
</script>