Copier des valeurs d'une table à une autre (comment convertir cette fonction js à jQuery)

Question

Je suis coincé avec un petit problème ici .. Ce que je suis en train de faire est de copier la description des ID d'une table à l'autre. J'ai écrit la moitié du javascript et quelqu'un peut me dire comment convertir cette fonction en jquery. Je veux que la description copiée de la première table basée sur l'id à la deuxième table. L'ai fait dans jquery en utilisant 'contains', (Comparing 2 tables column values and copying the next column content to the second table) puisqu'il y a 1000 lignes de table, l'explorateur se bloque. Y at-il un moyen de le simplifier ?? ... le code est comme suit ...

le javascript courant fonctionne quand je clique sur le test dans la deuxième table, mais je veux que la valeur soit ajoutée dans la deuxième table la charge de la page ... pls aider

<table class="reportTabe"> 
<tr><td>psx-pdu120v1</td><td class="itemname" id="psx-pdu120v1">some description1</td></tr> 
<tr><td>psx-pdu120v1</td><td class="itemname" id="psx-pdu120v1">some description1</td></tr> 
<tr><td>psx-pdu120v3</td><td class="itemname" id="psx-pdu120v3">some description3</td></tr> 
<tr><td>psx-pdu120v4</td><td class="itemname" id="psx-pdu120v4">some description4</td></tr> 
<tr><td>psx-pdu120v5</td><td class="itemname" id="psx-pdu120v5">some description5</td></tr> 
<tr><td>psx-pdu120v6</td><td class="itemname" id="psx-pdu120v6">some description6</td></tr> 
<tr><td>psx-pdu120v7</td><td class="itemname" id="psx-pdu120v7">some description7</td></tr> 
<tr><td>psx-pdu120v8</td><td class="itemname" id="psx-pdu120v8">some description8</td></tr> 
<tr><td>psx-pdu120v9</td><td class="itemname" id="psx-pdu120v9">some description9</td></tr> 
</table> 

<table class="data"> 
<tr><td class="whipItem">psx-pdu120v1</td><td onClick="Javascript:alert(document.getElementById('psx-pdu120v1').innerText)";>test</td></tr> 
<tr><td class="whipItem">psx-pdu120v3</td><td onClick="Javascript:alert(document.getElementById('psx-pdu120v1').innerText)";>test</td></tr> 
<tr><td class="whipItem">psx-pdu120v4</td><td onClick="Javascript:alert(document.getElementById('psx-pdu120v5').innerText)";>test</td></tr> 
<tr><td class="whipItem">psx-pdu120v5</td><td Javascript:this.innerText=document.getElementById('psx-pdu120v4').innerText;></td></tr> 
<tr><td class="whipItem">psx-pdu120v6</td><td Javascript:this.innerText=document.getElementById('psx-pdu120v5').innerText;></td></tr> 
<tr><td class="whipItem">psx-pdu120v7</td><td Javascript:this.innerText=document.getElementById('psx-pdu120v6').innerText;></td></tr> 
<tr><td class="whipItem">psx-pdu120v8</td><td Javascript:this.innerText=document.getElementById('psx-pdu120v7').innerText;></td></tr> 
<tr><td class="whipItem">psx-pdu120v9</td><td Javascript:this.innerText=document.getElementById('psx-pdu120v8').innerText;></td></tr> 
</table> 

Answer 1

$(document).ready(function() { 
     $('.whipItem', '.data').each(function(index, element) { //for each whipItem in the data table 
      var name = $(element).text(); //get the text value 
      var desc = $(".itemname[id='" + name + "']").text(); //get the description whose id matches the name in the report table. 
      $(element).next().text(desc); //change the value of the next td to the description. 
     }); 
    }); 

Answer 2

$(function() { 

     $.each($('firstTable td'), function(i) { 
      var tableData = $(this); 
      $('.secondTable td').eq(i).text(tableData.text()); 
     }); 
    });