인터넷에 떠도는 소스 + 자작 소스로 수정좀 했습니다.
원본 출처가 도저히 기억 안나네요 ㅠ.ㅠ;

참고로 조금만 수정하면 테이블 및 기타 객체 정렬도 가능할것입니다.

[code]SercheSort('#SortStandard', 'em');[/code]

#SortStandard = 실제 정렬이 되는 객체의 아이디 또는 클레스를 지정가능합니다.

em = 정렬할 객체입니다.




JQUERY
[code]
<script type="text/javascript">
// html LI 정렬 변경
function SercheSort(id, SortItem){
var SortId = $(id); // 소트 할 객체 변수 지정
var SortListItem = SortId.children('li').get(); // 소트 아이디의 객체 지정
var SortType = $(id+'_SortType');
var SortTypeValue = SortType.val();

SortListItem.sort(function(a, b){
var AItem = $(a).find(SortItem).text().toUpperCase();
var BItem = $(b).find(SortItem).text().toUpperCase();
if(SortTypeValue == 'desc'){
return (BItem < AItem) ? -1 : (BItem > AItem) ? 1 : 0;
}else{
return (AItem < BItem) ? -1 : (AItem > BItem) ? 1 : 0;
}
});

if(SortTypeValue == 'desc'){
SortType.val('asc');
}else{
SortType.val('desc');
}

$(SortId).append(SortListItem);
}
</script>
[/code]


HTML
[code]
<dl>
<h3 class="colbg bg90">종류</h3>
<em class="sort">
<a class="btn btn19" onclick="SercheSort('#SortDivision', 'em');"><h1>이름순 <span class="col">▼</span></h1></a> &nbsp;
<a class="btn btn19" onclick="SercheSort('#SortDivision', 'span');"><h1>매물순 <span class="col">▼</span></h1></a>
</em>
<div>
<ul id="SortDivision">
<li style="display:none"><input id='SortDivision_SortType' value='asc'></li>
<li><em>가이름1</em><span>(7,000)</span></li>
<li><em>이름2</em><span>(6,000)</span></li>
<li><em>나이름3</em><span>(5,000)</span></li>
<li><em>이름4</em><span>(4,000)</span></li>
<li><em>다이름5</em><span>(3,000)</span></li>
<li><em>이름6</em><span>(2,000)</span></li>
<li><em>이름7</em><span>(1,000)</span></li>
</ul>
</div>
</dl>
[/code]