div 를 숫자, 영문 순으로 정렬하기

페이지 정보

profile_image
작성자 LJM
댓글 0건 조회 12회 작성일 19-10-25 21:34

본문

<h1>

Before sorting

</h1>

<div id="starting_divs">

  <div class="item" data-order="2">2</div>

  <div class="item" data-order="1">1</div>

  <div class="item" data-order="4">4</div>

  <div class="item" data-order="3">3</div>

</div>

 

<hr />

<h1>

After sorting

</h1>

<div id="after_sorting">

  This starts out blank.

</div>

 

 

 

var $sorted_items,

  getSorted = function(selector, attrName) {

      return $(

        $(selector).toArray().sort(function(a, b){

            var aVal = parseInt(a.getAttribute(attrName)),

                bVal = parseInt(b.getAttribute(attrName));

            return aVal - bVal;

        })

      );

  };

 

$sorted_items = getSorted('#starting_divs .item', 'data-order').clone();

 

$('#after_sorting').html( $sorted_items );

댓글목록

등록된 댓글이 없습니다.

로그인