js中控制每隔4行样式问题。

你们都是坏人 2018-02-06 05:06:16

在 html页面。需显示以下样式资料



<!--第一行数据-->

<div class="main_store_slide" style="margin-top:70px;">

  <div class="swiper-container swiper-container-horizontal swiper-container-free-mode">

    <div class="swiper-wrapper">

      <!--1-->

      <div class="swiper-slide swiper-slide-active lawyer_b" >

         <ul class="ul1" style="display: block;">

           <li class="s1">122</li> 

           <li class="s2">2323</li>  

        </ul> 

      </div>

      <!--2-->

     <div class="swiper-slide swiper-slide-next lawyer_b" >

        <ul class="ul1" style="display: block;">

           <li class="s1">3434</li> 

           <li class="s2">454</li>

        </ul> 

     </div>

     <!--3-->

     <div class="swiper-slide swiper-slide-next lawyer_b" >

        <ul class="ul1" style="display: block;">

           <li class="s1">334</li> 

           <li class="s2">343443</li>

        </ul> 

     </div>

     <!--4-->

     <div class="swiper-slide swiper-slide-next lawyer_b" >

        <ul class="ul1" style="display: block;">

           <li class="s1">12</li> 

           <li class="s2">34</li>

        </ul> 

     </div>

  </div>

</div>

</div>

<!--end第一行数据-->



<!--第二行数据-->

<div class="main_store_slide" style="margin-top:70px;">

  <div class="swiper-container swiper-container-horizontal swiper-container-free-mode">

    <div class="swiper-wrapper">

       <!--1-->

      <div class="swiper-slide swiper-slide-active lawyer_b" >

         <ul class="ul1" style="display: block;">

           <li class="s1">122</li> 

           <li class="s2">2323</li>  

        </ul> 

      </div>

      <!--2-->

     <div class="swiper-slide swiper-slide-next lawyer_b" >

        <ul class="ul1" style="display: block;">

           <li class="s1">3434</li> 

           <li class="s2">454</li>

        </ul> 

     </div>

     <!--3-->

     <div class="swiper-slide swiper-slide-next lawyer_b" >

        <ul class="ul1" style="display: block;">

           <li class="s1">334</li> 

           <li class="s2">343443</li>

        </ul> 

     </div>

     <!--4-->

     <div class="swiper-slide swiper-slide-next lawyer_b" >

        <ul class="ul1" style="display: block;">

           <li class="s1">12</li> 

           <li class="s2">34</li>

        </ul> 

     </div>

  </div>

</div>

</div>

<!--end第二行数据-->

……

现在这些样式的显示需要在js中控制，
请问该如何写？？



<script type="text/javascript">

<!--

	$(function(){



       var str=""

       var j=0;

	   for(var i=0;i<18;i++){

		     j++

			if(j%4==0){

             

			 }

	          str+="<div class=\"swiper-slide swiper-slide-active lawyer_b\" >";

	          str+="<ul class=\"ul1\" style=\"display: block;\">";

                  str+="<li class=\"s1\">12</li>";

	          str+="<li class=\"s2\">34</li>";  

                   str+=" </ul> </div>";

    

     

	   }

 $("#divid").html(str);

    })

	

//-->

</script>