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 | // 일정한 개수로 그룹화 // numSlice = 한그룹의 자식 개수 function portList(numSlice){ var $target = $("aaa"); // 묶을 대상 var wrapType = "<div class=\"aaa_wrap\"></div>"; // 감싸을 태그 var numList = $target.length; // 묶을 대상의 총 개수 var end = Math.ceil(numList / numSlice); // 루프 종료 시점 for (num = 0; num <= end; num++) { var maxNum = (num + 1) * numSlice; // 구간 끝 var minNum = maxNum - numSlice; // 구간 시작 $target.slice(minNum, maxNum).wrapAll(wrapType); } } // 그룹화 초기화 function portListReset(){ var $target = $(".aaa"); // 나눌 대상 $target.unwrap(); } // n개로 재그룹화 function portReload(n){ portListReset(); portList(n); } | cs |
'Front > JavaScript' 카테고리의 다른 글
백그라운드이미지 애니메이션 (0) | 2016.09.22 |
---|---|
메뉴 고정 (0) | 2016.08.04 |
테이블 헤드 고정 (0) | 2016.07.28 |
중복값 체크하기 (1) | 2016.05.17 |
[jQuery] Selector 정리 - Attribute 속성 선택자 (0) | 2016.05.04 |
댓글 로드 중…
트랙백을 확인할 수 있습니다
URL을 배껴둬서 트랙백을 보낼 수 있습니다