jQuery - 多次附加 HTML 而不重复代码？

Question

我试图多次将一些 HTML 附加到 div 中。

这是我目前的做法: http://jsfiddle.net/9m1cfL4u/

我想总共追加 4 次，这个方法工作得很好，但是有没有比每次调用相同的追加更简洁的方法呢？对我来说，它看起来很困惑并且“不合适”!

感谢您的帮助!

$('.banner').append('<div class="content"></div>');
$('.banner').append('<div class="content"></div>');
$('.banner').append('<div class="content"></div>');
$('.banner').append('<div class="content"></div>');

Answer 1

for 循环就足够了。

Updated Example

for (var i = 0; i < 4; i++) {
    $('.banner').append('<div class="content"></div>');
}

..并且没有 jQuery:

Example Here

var banner = document.querySelector('.banner'),
    content;

for (var i = 0; i < 4; i++) {
    content = document.createElement('div');
    content.className += 'content';
    banner.appendChild(content);
}