如何在函数后添加循环?

时间:2017-06-08 04:34:16

标签: javascript jquery html css

我的javascript是这样的:

$('#thumbnail-view').after(` for(i=0;i<5;i++){ <div>....</div }`);

我想在after中添加循环

我该怎么做?

3 个答案:

答案 0 :(得分:2)

在调用after()函数之前,您可以先构建字符串。

例如,这会使用循环追加字符串123456789。

var res = "";
for (var i = 1; i <= 9; i++) {
    res += i;
}
$('#thumbnail-view').after(res);

答案 1 :(得分:1)

这是如何完全满足您的需求的。

$('#thumbnail-view').after((function(){
        // Here you can write you for loop and return the concatenated string
        var str = ""; 
        for(var i=0; i< 10; i++) {
            str = str + "<div>test</div>";
        }
        return str;
    })());
});

它基本上创造了一个IFFE。它立即执行并返回&#39; $。之后的字符串()&#39;消费。

答案 2 :(得分:0)

您真正需要的是创建一个包含所需元素的变量。然后将该变量传递给after。不要在after之后创建一个函数。没有必要。

$(document).ready(function(){
  var divvs = '';
  for(var i=0;i<5;i++){
    divvs+= '<div>hello</div>'
  }
  $('.block').after(divvs);
});

以下是参考资料http://jsbin.com/biluqanupo/edit?html,js,output

的小提琴