본문 바로가기

개발개발/jquery

[javascript/jquery] tr 위 아래이동 (항목 순서 변경)

<a href="#" onclick="fnMoveUpTR(this); return false;">▲</a>
<a href="#" onclick="fnMoveDownTR(this); return false;">▼</a>
//TR 위로 이동
function fnMoveUpTR(el){
	var $tr = $(el).parent().parent();  // 클릭한 버튼이 속한 tr 요소
	$tr.prev().before($tr);              // 현재 tr 의 이전 tr 앞에 선택한 tr 넣기
}

//TR 아래로 이동
function fnMoveDownTR(el){
	var $tr = $(el).parent().parent(); // 클릭한 버튼이 속한 tr 요소
	$tr.next().after($tr);             // 현재 tr 의 다음 tr 뒤에 선택한 tr 넣기
}