Javascript 使用jquery将数据分组为两列,以包装一个div类
我有12个项目,应该安排在两列。每6项按Javascript 使用jquery将数据分组为两列,以包装一个div类,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有12个项目,应该安排在两列。每6项按col-sm-6 div <div class="row"> <div class="col-sm-6"> /* ......first item in first column start*/ <div class="feature-box"> <div class="feature-box-icon">
col-sm-6 div
<div class="row">
<div class="col-sm-6">
/* ......first item in first column start*/
<div class="feature-box">
<div class="feature-box-icon">
<i class="fa fa-group"></i>
</div>
<div class="feature-box-info">
<h4 class="heading-primary mb-none">Customer Support </h4>
<p class="tall">Lorem ipsum dolor sit amet, consectetur adip.</p>
</div>
/*...............first item end*/
.......+5 more
</div>/* End of col-sm-6 div */
<div class="col-sm-6">
/* ......first item in second column start*/
<div class="feature-box">
<div class="feature-box-icon">
<i class="fa fa-group"></i>
</div>
<div class="feature-box-info">
<h4 class="heading-primary mb-none">Sliders</h4>
<p class="tall">Lorem ipsum dolor sit amet, consectetur.</p>
</div>
/*...............first item second column end*/
.....+ 5 more
</div>/* End of col-sm-6 div */
</div>/* End of Row Div*/
/*……第一列中的第一项开始*/
客户支持
Lorem ipsum Door sit amet,Concertetur adip
/*第一项结束*/
……再加5
/*col-sm-6分区结束*/
/*……第二列第一项开始*/
滑块
洛雷姆·伊普苏姆·多洛尔·西特·阿梅特,康塞特图尔。
/*第一项第二栏结束*/
..…+5更多
/*col-sm-6分区结束*/
/*行尾Div*/
我想知道是否可以使用JQuery将从数据库中检索到的数据分组到6中,方法是使用div类col-sm-6对其进行包装?任何帮助都将不胜感激因此您需要的是,所有具有相应类别“col-sm-6”的项目(div)都应分组在一个表中(列听起来不正确)?或者是每一个“col-sm-6 div应替换为表。我并没有真正理解你的要求。。。我相信jQuery是有用的,但我需要知道你想要什么,然后我才能帮你。你能展示一个你想要实现的东西的模型吗?@Jorex所以从我的数据库中,我希望前6项由一个类为“col-sm-6”的div动态包装。接下来的6个项目将由另一个类别为“col-sm-6”的div包装@Derek我附上了最终结果的图片-查看动态包装div类别“col-sm-6”中的前6个项目和另一个div类别“col-sm-6”中的下6个项目