循环创建多个div元素? JQUERY

时间:2010-07-16 14:12:39

标签: jquery loops html

知道我的代码有什么问题吗?

var pageLimit=30;

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

我想要的是让该函数在body中创建与pageLimit值一样多的div。因此,如果有人要进入代码并将pageLimit更改为50,则会创建50个div标签。

在body标签中,我只有测试div。 我想把它放进身体,而不是插入任何其他div。所以我试着用身体代替#test,但没有用。

请帮忙!感谢。

编辑:对不起,我有);在我的原始代码中,我忘了将它复制到这里! 是的,标签是在我知道如何在此处插入代码之前...大声抱歉。我有 );在我的原始代码中,它仍然无效。

6 个答案:

答案 0 :(得分:6)

缺少“);”在最后}之后。

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

答案 1 :(得分:2)

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

您错过了就绪功能)

的结尾

答案 2 :(得分:1)

您的问题是一个简单的语法问题。你错过了“)”。始终确保添加行结尾。这有效:

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

答案 3 :(得分:0)

document.body.innerHTML + ='TESTING'怎么样; ?

答案 4 :(得分:0)

它似乎仍然是一个语法问题,你有简单的引号,然后在元素字符串中引用引号,尝试删除反引号。当然,请确保您的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>' )
   }
});

除非那是你问题中的另一个错字。

答案 5 :(得分:0)

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

应该有效。你的工作代码是什么样的?