<ul class="ctg_list">
<li>banana</li>
<li>apple</li>
<li>orange</li>
<li>lemon</li>
</ul>
<script>
var ctg_list = $('.ctg_list li').toArray(); /*요소를 배열로 변경*/
var ctg_list_elemt = elemArr(ctg_list).sort(); /*요소의 내용을 배열로 가져온뒤 sort()*/
$('.ctg_list li').empty(); /*li의 내용 초기화*/
for(i=1;i<=ctg_list_elemt.length;i++){
$('.ctg_brand li:nth-child('+i+')').append( ctg_brand_list_elemt[i-1]);
/*첫번째 루프 >>> $('.ctg_brand li:nth-child(1)').append( ctg_brand_list_elemt[0]);*/
/* 첫번째 li에 알파벳순으로 정렬된 배열의 첫번째 갑을 append 추가한다.*/
}
function elemArr(arr) {
var arrObj = [];
for (var i = 0; i < arr.length; i++) {
arrObj.push(arr[i].innerHTML);
}
return arrObj;
}
</script>
'웹퍼블리싱 > jquery' 카테고리의 다른 글
[제이쿼리]onclick 이벤트로 this 값 가져오기 (0) | 2018.07.27 |
---|---|
특정 글자를 찾아서 css 바꾸기 :contains('특정글자') (0) | 2018.07.27 |
제이쿼리 객체를 배열로 바꾸기 toArray() (0) | 2018.07.25 |
제이쿼리 추출 값 정수형으로 바꾸기 parseInt() (0) | 2018.07.11 |
함수 두개 toggle 시키기 (0) | 2018.07.11 |
댓글