ti-enxame.com

Como posso selecionar uma coluna específica em uma linha usando jQuery e JavaScript?

Sou muito novo em jQuery e JavaScript. Eu tenho uma pequena pergunta. Digamos que eu tenha uma tabela HTML como a seguinte

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

No exemplo acima, eu sei o id da linha e quero alterar o valor da segunda coluna da linha com esse id específico.

Preciso de um resultado parecido com o seguinte:

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

Minha pergunta é: como posso selecionar os 2nd coluna da primeira linha com um determinado id para alterar o valor?

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

Aqui está m exemplo .

24
Gert Grenander

algo como

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

irá selecionar a primeira linha, segunda coluna (base 0) do elemento dado (TABLE). No seu caso, já que você sabe o id da linha:

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

ou simplesmente

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

O código de Gert é como eu teria implementado o que você está pedindo, então não vou postá-lo novamente. No entanto, como você é novo no jquery/javascript, pode gostar desta ferramenta que utilizo para ter certeza de que meus seletores estão funcionando http://www.woods.iki.fi/interactive-jquery-tester.html .

Saúde, Joe

2
JoeChin