div 태그의 클라이언트 측 정렬에 jQuery를 사용하려면 어떻게해야합니까?

웹 응용 프로그램 사용자가 서버 호출없이 쿼리 결과를 정렬 할 수있게하려고합니다. 나는 click-the-header-to-sort-based-on-the-column의 일반적인 유형을 찾고있다.div 태그의 클라이언트 측 정렬에 jQuery를 사용하려면 어떻게해야합니까?

그러나 실제 테이블을 사용하고 있지는 않습니다. 내용을 기반으로 div 태그를 조작 할 것입니다. 이것을 촉진하는 jQuery 메서드가 있습니까?

출처

2010-12-10 Eric Wilson

이 jQuery에서 사용할 코드를 보여줄 수 있습니까? 플러그 - 인은 갈 길이 멀지 만 대표적인 마크 업은 다른 방법을 제안 할 수 있습니다. –

This Tutorial은 찾는 경로를 안내합니다. html 테이블에서 표 형식의 데이터를 정렬하는 데 중점을 둡니다. 그러나 예제를 쉽게 다시 사용하여 div 그룹이나 목록 요소 등으로 작업 할 수 있습니다.

가이던스 중 일부는 jQuery가 지원을 위해 원시 자바 스크립트 기술을 가르치므로 좋은 가이드입니다. 예를 들어 sort() 메서드에서 JavaScript 빌드를 사용하는 방법을 알려줍니다. 알파벳 순으로 정렬하고 싶습니까? 다음은이 가이드에서 수정 된 단편이다 :

var parent_of_divs = $('#parent-of-divs'), rows; 
rows = parent_of_divs.children('div').get(); 
rows.sort(function(a, b) { 
    var keyA, keyB; 
    keyA = $(a).text().toUpperCase(); 
    keyB = $(b).text().toUpperCase(); 
    if (keyA < keyB) return -1; 
    if (keyA > keyB) return 1; 
    return 0; 
}); 
$.each(rows, function(index, row) { 
    parent_of_divs.append(row); 
});

출처

2010-12-10 22:10:46 Stephen