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

Question

Я очень плохо знаком с 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 первой строки с данным идентификатором для изменения значения?

Answer 1

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

Вот пример .

Answer 2

что-то вроде

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

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

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

или просто

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

Answer 3

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

Cheers, Joe