Comment puis-je sélectionner une colonne spécifique dans une rangée en utilisant jQuery et JavaScript?

Question

Je suis très nouveau sur jQuery et JavaScript. J'ai une petite question. Disons que j'ai une table HTML comme suit

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

Dans l'exemple ci-dessus, je sais que l'identifiant de ligne et je veux changer la valeur de la deuxième colonne de la ligne avec cet identifiant particulier.

je besoin d'un résultat quelque chose comme ce qui suit:

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

Donc, ma question est la suivante: comment puis-je choisir le 2 ^e colonne de la première ligne avec un identifiant donné afin de changer la valeur?

Answer 1

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

Voici an example.

Answer 2

quelque chose comme

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

sélectionne la première rangée, la seconde colonne (0 sur la base) de l'élément donné (TABLE). Dans votre cas, puisque vous connaissez l'ID de ligne:

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

ou simplement

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

Answer 3

code de Gert est ainsi que je l'aurais mis en œuvre ce que vous demandez donc je ne vais pas republier. Cependant, puisque vous êtes nouveau sur jquery/javascript, vous aimerez peut-être utiliser cet outil pour m'assurer que mes sélecteurs fonctionnent http://www.woods.iki.fi/interactive-jquery-tester.html.

Cheers, Joe