Jquery sort 사용하기

오늘은 얼마 전 개발 중에 사용한 Jquery sort를 포스팅해볼게요.

 

div영역을 직접 정렬을 하려면 코드가 길어지는데 jquery에서 제공하는 sort함수를 사용하면 간단하게 정렬을 할 수 있어요.

코드는 간단하게 작성을 해봤어요.

$("div.process-result").html($('div.process-result div.status-box').sort(sortLiElements));

function sortLiElements(a,b) {

	return parseInt($(b).data('time')) - parseInt($(a).data('time'));

}
            
            
<div class="process-result">
               
	<div class="status-box blue" data-time="20210215171439">
		<p class="title">신청 정보 수정</p>
	</div>
	
 	<div class="status-box blue" data-time="20210215170344">
		<p class="title">신청등록</p>
	</div>
    
</div>

정렬 기준이 되는 값이 필요한데 div태그에 data-time을 사용했어요. sortsortLiElements에서 오름차순 내림차순 정할 수 있어요.