Swapping Row and column of Table

by sum1

HTML

<table id="target">
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
  <tr>
    <td>7</td>
    <td>8</td>
    <td>9</td>
  </tr>
</table>

CSS

table,tr,td{
  border:1px solid black;
  border-collapse:collapse;
  padding:5px;
}

JavaScript

$(document).ready(function(){
  var tr=  $("#target").find("tr");
  var arr=[];
  var ar=[];
  $.each(tr,function(k,v){
    var td = $(v).find("td");
    ar=[];
    $.each(td,function(key,value){
      ar.push($(value).text());
    });
    arr.push(ar);
  })
  
  $.each(arr,function(k,v){
    $.each(v,function(key,value){
         $("#target").find("tr").eq([key]).find("td").eq([k]).text(value);
    });
  });
  
  console.log(arr);
});