Как я могу выбрать конкретный столбец в строке с помощью jQuery и JavaScript?

Я очень новичок в jQuery и JavaScript. У меня есть небольшой вопрос. Скажем, у меня есть таблица HTML, такая как

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

В приведенном выше примере я знаю идентификатор строки, и я хочу изменить значение второго столбца строки с этим конкретным идентификатором.

Мне нужен результат:

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

Итак, мой вопрос: как я могу выбрать столбец 2 ^nd первой строки с заданным идентификатором, чтобы изменить значение?

Ответы

Ответ 1

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

Здесь пример.

Ответ 2

что-то вроде

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

выберет первую строку, второй столбец (на основе 0) данного элемента (ТАБЛИЦА). В вашем случае, поскольку вы знаете идентификатор строки:

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

или просто

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

Ответ 3

Код Gert - это то, как я бы выполнил то, что вы просите, поэтому я не буду его пересказывать. Однако, поскольку вы новичок в jquery/javascript, вам может понравиться этот инструмент, который я использую, чтобы убедиться, что мои селекторы работают http://www.woods.iki.fi/interactive-jquery-tester.html.

Cheers, Джо