본문 바로가기
웹퍼블리싱/jquery

제이쿼리 sort() 순서 정렬

by developsigner 2018. 7. 25.

<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>


반응형

댓글