Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jquery将数据分组为两列,以包装一个div类_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 使用jquery将数据分组为两列,以包装一个div类

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">

我有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">
            <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个项目