我有一个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>" );


用这个,希望能解决。

10-05 20:37
查看更多