Navegación a un elemento específico con jQuery

Question

Tengo una tabla, tratando de averiguar cómo navegar a las 3.35 y añadir columnas. ¿Hay una manera de especificar qué TD i desea navegar con jQuery?

Gracias de antemano!

<table>
 <tbody>
   <tr>
    <td>
       <table>
          <tbody>
             <tr>
               <td><a href="">title</a></td>
               <td><a href="">rating</a></td>
               <td>language</td>
               <td>qty</td>
               <td>3.35</td>
               <td><a href="">add</a></td>
             </tr>
          </tbody>
      </table>       
   </td>
  </tr>
 </tbody>
</table>

Answer 1

Trate el selector :nth-child():

$("tr > td:nth-child(5)")

Answer 2

Infórmate: http://api.jquery.com/category/selectors/ y http://api.jquery.com/category/traversing/

Hay varias maneras diferentes para llegar allí. Cualquiera que sea la gente va a sugerir aquí, se debe a sí mismo para ir a la fuente en una cosa básica como éste, así que realmente entienden que para el futuro.

Answer 3

Mientras que definitivamente se podría utilizar el selector de nth-child para seleccionar la apropiada elemento, que estaría mejor en realidad la especificación de una clase que indica el tipo de datos de la columna.

La razón de esto es que los datos en su ejemplo tiene un significado semántico obvia, y es una buena idea para representar que en su estructura HTML.

A continuación, a partir de ahí, se selecciona en base a la clase, y luego usar un selector de posición con el fin de determinar la fila que se está trabajando. En ese cuyo caso, sería bueno tener un identificador único de la fila que se almacena en el atributo id, que hace que la selección sea aún más fácil, ya que se podría utilizar el selector de ID en jQuery.

Esto obra en su HTML Tener sentido más semántica, así, ya que sus filas están indiciative de instancias de su esquema, que está implícito en las clases que se está asignando a los elementos de su mesa.