猿问

请问下面这段js怎么改为支持多次4个a生成一个div

现在这段代码支持1次,请问怎么才可以支持多次

 $(function(){
          if($('.case-content-box a').size() > 3){
                  var html = '';
                  $.each($('.case-content-box a:gt(3)'),function(){
                  html += $(this).prop("outerHTML");                 
                  $(this).remove();             
                  })             
                  $('.case-content-box').after('<div class="case-content-box">' + html + '</div>')         
                  }     
                  }) 
                  </script>
明月笑刀无情
浏览 679回答 2
2回答

忽然笑

&nbsp;$(function(){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;od&nbsp;=&nbsp;$('.case-content-box'); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;while&nbsp;(od.find("a").size()&nbsp;>&nbsp;4)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;nd&nbsp;=&nbsp;$('<div&nbsp;class="case-content-box"></div>'); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;od.before(nd); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;od.find("a").slice(0,4).appendTo(nd); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;})

呼如林

&nbsp;$(function(){ &nbsp;for&nbsp;(var&nbsp;lo&nbsp;=&nbsp;0;&nbsp;lo&nbsp;<4;&nbsp;lo++)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if($('.case-content-box&nbsp;a').size()&nbsp;>&nbsp;3){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;html&nbsp;=&nbsp;''; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$.each($('.case-content-box&nbsp;a:gt(3)'),function(){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;html&nbsp;+=&nbsp;$(this).prop("outerHTML"); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(this).remove(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$('.case-content-box').after('<div&nbsp;class="case-content-box">'&nbsp;+&nbsp;html&nbsp;+&nbsp;'</div>') &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;})
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答