1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <style type="text/css"> #wrapper>div { background: skyblue; border: 1px solid #fff; } .wrap { margin: 20px 0 20px 0; } </style> </head> <body> <div id="wrapper"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> <div>7</div> <div>8</div> <div>9</div> <div>10</div> <div>11</div> <div>12</div> <div>13</div> <div>14</div> <div>15</div> </div> <script src="lib/jquery/2.2.3/jquery.min.js"></script> <script type="text/javascript"> var divs = $("#wrapper > div"); for (var i = 0; i < divs.length; i += 4) { divs.slice(i, i + 4).wrapAll("<div class='wrap'></div>"); } </script> </body> </html> |
반응형
'jQuery' 카테고리의 다른 글
| [jQuery] $.param 쿼리스트링 쉽게 만들기 (0) | 2023.07.17 |
|---|---|
| [jQuery] hasClass 클래스 여러개 체크 하기? - is 메서드로 해결 (0) | 2019.03.21 |
| [JQuery] input file 이미지 파일 등록 업로드, 이미지 미리보기, 이미지 파일 삭제 (1) | 2018.08.23 |
| [jQuery] css 배경이미지 넓이 높이 사이즈 얻기 - image load event (0) | 2017.09.22 |
| [jQuery] 자식 선택자를 못찾을때 - p 태그가 가질수 있는 요소 확인 (0) | 2017.06.06 |
