Jquery first child (Seçilen elemanı ilk eleman yapmak)

Bir liste elemanını listenin ilk elemanı olarak seçmek istediğimizde aşağıdaki kodları kullanarak bu işin üstesinden kolayca gelebiliriz.

<div class="pr_content">
 <input type="button" id="bir" value="TEST 1" onclick="bir(event)" />
 <input type="button" id="iki" value="TEST 2" onclick="bir(event)" />
 <input type="button" id="uc" value="TEST 3" onclick="bir(event)" />
</div>

////

<script type="text/javascript">

function bir(evt)
{
   var parentElement = document.getElementsByClassName("pr_content")[0];

   parentElement.insertBefore(document.getElementById(evt.target.id), parentElement.childNodes[0]);
}

</script>

Biraz da görsel ekleyelim.

 $("#" + evt.target.id ).hide().fadeIn("slow", "linear");

Demo : http://jsfiddle.net/muavenet/wppd7eov/

Kolay gelsin.