Trouver un parent particulier d'un élément DOM HTML

Question

Disons que je donne les résultats suivants:

<table><tr><td> 
    <table> <!-- I want a reference to this table --> 
     <tr> 
      <td> 
       <table> 
        <tr><td><span class="theSpanClass"></span></td></tr> 
       </table> 
      </td> 
     </tr> 
    </table> 
</td></tr></table> 

En utilisant jQuery, je voudrais être en mesure de faire référence à la 2e table à partir de la travée vers le corps.

Merci

Answer 1

Pour la question originale: Si vous venez de la durée, vous pouvez le faire:

$(".theSpanClass").parents("table:last") 

Il utilise .parents() pour obtenir tous les ancêtres qui sont <table>, puis sélectionne le :last il trouve, puisqu'ils sont ordonnés aller jusqu'à le DOM.

---

Mise à jour pour la nouvelle question: Puisque la question a été mise à jour, soit 2 niveaux haut, que vous trouverez en utilisant :eq() comme ceci:

$(".theSpanClass").parents("table:eq(1)") //it's 0-based