Sélecteur et itération à travers une table dans une division

Question

J'ai travaillé dessus et je n'arrive pas à faire fonctionner cet itérateur. J'ai le code HTML suivant et je suis en train de parcourir toutes les lignes (sauf la première ligne) et extraire les valeurs dans les cellules (td) 2 et 3:

<div id="statsId"> 
    <table width="220" cellspacing="0" cellpadding="0" border="0"> 
     <tbody> 
     <tr> 
      <td width="65"/> 
      <td width="90"/> 
      <td width="65"/> 
     </tr> 
     <tr style="font-weight: bold;"> 
      <td align="left">$1.00</td> 
      <td> 
       <a href="#">UserID1</a> 
      </td> 
      <td>Single</td> 
     </tr> 
     <tr> 
      <td align="left">$6.99</td> 
      <td> 
       <a href="#">UserID2</a> 
      </td> 
      <td>Multiple</td> 
     </tr> 
     <tr>... 
    .....(snip) 

J'ai essayé le iterator suivant à itérer tous sauf la première ligne de la table qui est un enfant de "div # statsID" et obtenir les valeurs des 2ème et 3ème cellules (dans l'exemple, les premières cellules extraites auraient des valeurs de "UserID1" et "Single"), mais cela ne ne fonctionne pas.

$('div#statsId > table tr:not(:nth-child(1))').each(function(i, ele) { 
      var secondCol = $('td:nth-child(2)', ele).innerHTML 
      var thirdCol= $('td:nth-child(3)', ele).text() 
    ..... 
    }); 

Toutes les suggestions sur la façon de spécifier et itérer les lignes (sauf la première) d'une table qui est un enfant d'un div serait apprécié.

Answer 1

$("#statsId > table tbody tr:not(:first)").each (function() { 
    var secondCol = $(this).find('td:nth-child(2)').html(); 
    var thirdCol= $(this).find('td:nth-child(3)').text(); 
}); 

Remarque

1. Vous pouvez utiliser indépendamment le sélecteur id. Pas besoin d'utiliser le nom du tag.

2. Il n'y a pas innerHTML pour un objet jQuery. Utilisez html() à la place