2012-03-29 2 views
0

jQuery를 사용하여 10 개의 li 요소가있는 ul이있는 경우 해당 그룹을 3 개의 ul (여전히 원래 ul 내)로 분할하는 가장 빠르고 집중적 인 방법은 무엇입니까? 이 같은 끝낼 :jquery가있는 li에 요소 추가

<ul> 
    <li> 
    <ul> 
     <li>list item 1</li> 
     <li>list item 2</li> 
     <li>list item 3</li> 
     <li>list item 4</li> 
    </ul> 
    <ul> 
     <li>list item 5</li> 
     <li>list item 6</li> 
     <li>list item 7</li> 
    </ul> 
    <ul> 
     <li>list item 8</li> 
     <li>list item 9</li> 
     <li>list item 10</li> 
    </ul> 
    </li> 
</ul> 

내가 .wrap 사용하여 시도하지만 그 목록에있는 모든 요소를 ​​포장 할 듯 (이해,이 배열은 결국이다), 나는 현재 생각하고 그 새로운 ULS를 생성 기존의 lis를 주입합니다.

모든 의견을 환영합니다. 전에 jQuery를 많이 사용하지 않았습니다. 감사합니다.

+0

당신이 시도한 것을 나눌 수 있습니까? –

+0

.each()를 사용하여 각 li을 반복 한 다음 .prepend() 및 .append()를 사용하여 올바른 위치에 ul 태그를 추가합니다. –

+2

중복 가능성이 있음 http://stackoverflow.com/questions/1644668/jquery-split-long-ul-list-in-smaller-lists – Th0rndike

답변

1

이 기능을 사용하십시오.

http://jsfiddle.net/WqXnS/1/

오히려 예시를위한 단지 오리지널리스트를 교체하지 새로운리스트를 생성 .

+0

위의 Th0rndike는 좋은 복제본을 발견 한 것 같습니다. 그래서 지금은 그와 함께 할 것입니다. – Del

관련 문제