요소 이동

 
 <ul>
     <li>Element 1</li>
     <li>Element 2</li>
     <li id="element3">Element 3</li>
     <li>Element 4</li>
 </ul>

 <input type="button" onclick="moveup()" value="up"/>
 <input type="button" onclick="movedown()" value="down"/>

 

 

 function moveup() {
     $('#element3').after($('#element3').prev());
 }
 function movedown() {
     $('#element3').before($('#element3').next());
 }