<div class="divim">
<table id="tablom">
<tbody>
<tr><td>Deneme Yazısı 1.Satır</td></tr>
<tr><td>Deneme Yazısı 2.Satır</td></tr>
<tr><td>Deneme Yazısı 3.Satır</td></tr>
<tr><td>Deneme Yazısı 4.Satır</td></tr>
<tr><td>Deneme Yazısı 5.Satır</td></tr>
</tbody>
</table><br>
<button value="4-5 yer degistir" id="degistir">4 ve 5.Satır Yer Değiştir</button>
<br><br>
Daha İyileri <a href="http://furkandemirci.com">Burada</a>
</div>
.divim {
width: 400px;
height: 170px;
padding: 20px;
background-color: aqua;
position: relative;
}//Butona basınca işlem yapmak isterseniz
$("#degistir").on("click", function() {
$(function(){
function move(start, end){
var myTable = $('#tablom tbody tr');
if(start>end){
myTable.eq(start-1).insertBefore(myTable.eq(end-1));
}else{
myTable.eq(start-1).insertAfter(myTable.eq(end-1));
}
}
move(4,5);
});
});
//Sayfa açıldığında değişmiş şekilde görmek isterseniz
$(function(){
function move(start, end){
var myTable = $('#tablom tbody tr');
if(start>end){
myTable.eq(start-1).insertBefore(myTable.eq(end-1));
}else{
myTable.eq(start-1).insertAfter(myTable.eq(end-1));
}
}
move(2,3);
});
External CSS
This Pen doesn't use any external CSS resources.