我有一个for循环,该循环循环使用java脚本创建div并将其附加到内容区域,我使用的是引导程序,因此内容应显示在3 divs的行中,每个div具有col-md-4类,因此像这样:
function add_to_page(product) {
for (var category in product) {
for (var i = 0; i < product[category].length; i++) {
$('#content').append($('<div id=' + product[category][i].id +'>').html($('<img>').attr('src', product[category][i].img)));
$('#' + product[category][i].id).append($('<div class=name>').text(product[category][i].name));
$('#' + product[category][i].id).append($('<div class=category>').text(product[category][i].category));
$('#' + product[category][i].id).append($('<div class=price>').text('Price: ' + product[category][i].price + 'L.E'));
$('#' + product[category][i].id).addClass('col-md-4');
}
}
}
问题是如何在循环中以动态方式将每一个具有类'col-md-4'的3个div包装在一个div中,并以动态方式包装一个'row'类?
最佳答案
在Jquery中-使用wrap()函数包装html元素。
$( ".col-md-4" ).wrap( "<div class='row'></div>" );
用这个,希望能解决。