¿Cómo puedo seleccionar una columna específica en una fila usando jQuery y JavaScript?

Question

Soy muy nuevo en jQuery y JavaScript. Tengo una pequeña pregunta. Digamos que tengo una tabla HTML como la siguiente

<Table id="mytable"> 
<tr id="element"> 
    <td>value</td> 
    <td>text</td> 
</tr> 
</Table> 

En el ejemplo anterior i conocer el ID de fila y quiero cambiar el valor de la segunda columna de la fila con ese id particular.

Necesito un resultado algo como lo siguiente:

<Table id="mytable"> 
<tr id="element"> 
    <td>value</td> 
    <td>ChangedText</td> 
</tr> 
</Table> 

Así que mi pregunta es: ¿cómo puedo seleccionar 2 ^nd la columna de la primera fila con un identificador dado con el fin de cambiar el valor?

Answer 1

$("#element td:nth-child(2)").text('ChangedText'); 

Aquí está an example.

Answer 2

algo como

$('#mytable tr:eq(0) td:eq(1)').text('ChangedText'); 

seleccionará la primera fila, segunda columna (0 a base) del elemento dado (tabla). En su caso, ya que se conoce el identificador de fila:

$('#mytable #element td:eq(1)').text('ChangedText'); 

o simplemente

$('#element td:eq(1)').text('ChangedText'); 

Answer 3

código de Gert es cómo habría implementado lo que están pidiendo, así que no publicar de nuevo. Sin embargo, dado que eres nuevo en jquery/javascript, es posible que te guste esta herramienta que uso para asegurarte de que mis selectores funcionan http://www.woods.iki.fi/interactive-jquery-tester.html.

Saludos, Joe