Цикл для создания нескольких элементов div?Jquery

Question

Есть идеи, что случилось с моим кодом?

var pageLimit=30;

$(document).ready(function() {
 for(var i = 1; i <= pageLimit; i++) {
  $('#test').append('<div id="page' + i + '" class="touch">TESTING</ div>' )
 }
}

Я хочу, чтобы эта функция создала столько же div в теле, сколько и значение pageLimit. Поэтому, если кто-то зайдет в код и изменит pageLimit на 50, он создаст 50 тегов div.

в тегах body все, что у меня есть, это тест div. Я хотел поместить это в тело, не вставляя это в любые другие элементы. Поэтому я попытался заменить #test на body, но ничего не вышло.

Пожалуйста, помогите! Спасибо.

РЕДАКТИРОВАТЬ: Извините, у меня есть); в моем исходном коде я просто забыл скопировать его сюда! Да, теги
были до того, как я понял, как вставить код в это ... lol Извините. Я имею ); в моем исходном коде он все еще не работает.

Answer 1

Отсутствует ");"после последнего}.

$(document).ready(function () {
    for (var i = 1; i <= pageLimit; i++) {
        $('#test').append('TESTING');
    } 
});

Answer 2

http://jsfiddle.net/Q6Lnw/2/

Вы пропустили конец функции готовности )

Answer 3

$('body').append('<div>TESTING</div>')

Должно работать. Как выглядит ваш неработающий код?

Answer 4

Ваша проблема - простая проблема синтаксиса.Вы пропали без вести ")".Обязательно добавляйте также окончания строк.Это работает:

$(document).ready(function () {
         for (var i = 1; i <= pageLimit; i++) {
             $('#test').append('TESTING');
         }
     });

Answer 5

Кажется, это все еще проблема синтаксиса, у вас есть простые кавычки, затем обратные кавычки в строке элемента, попробуйте удалить обратные кавычки. И, конечно же, убедитесь, что в вашем HTML есть <div id="test"></div>.

$(document).ready(function() {
   for(var i = 1; i <= pageLimit; i++) {
     $('#test').append('<div id="page' + i + '" class="touch">TESTING</div>' )
   }
});

Если только это не опечатка в вашем вопросе.

Answer 6

Как насчет document.body.innerHTML + = 'TESTING';