如何在函數后添加循環？

Question

我的javascript是這樣的：

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

我想在這after添加循環

我該怎么做？

Answer 1

在調用after（）函數之前，您可以先構建字符串。

例如，這會使用循環附加字符串123456789。

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

Answer 2

這是如何實現您的需求的。

$('#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。 它會立即執行並返回'$ .after（）'的字符串來消耗。

Answer 3

你真正需要的是創建一個包含你想要的所有元素的變量。 然后將該變量傳遞給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的小提琴