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

Ответ 1

$("td:contains('c')").html("new");

или, точнее, $("#table_headers td:contains('c')").html("new");

и, возможно, для повторного использования вы можете создать функцию для вызова

function ReplaceCellContent(find, replace)
{
    $("#table_headers td:contains('" + find + "')").html(replace);
}

Ответ 2

Используя eq() ^(docs), вы можете настроить таргетинг на третью ячейку в таблица:

$('#table_header td').eq(2).html('new content');

Если вы хотите настроить таргетинг на каждую третью ячейку в каждой строке, используйте nth-child-selector ^(docs):

$('#table_header td:nth-child(3)').html('new content');

Ответ 3

Вы можете использовать селектор CSS.

В зависимости от того, как вы получаете этот td, вы можете либо указать ему id:

<td id='cell'>c</td>

а затем используйте:

$("#cell").text("text");

Или перейдите в третью ячейку первой строки table_header и т.д.

Ответ 4

Я искал изменение второй строки html и вы можете сделать каскадный селектор

$('#tbox1 tr:nth-child(2) td').html(11111)

Ответ 5

Вы можете сделать это:

<table id="table_header">
<tr>
   <td contenteditable="true">a</td>
   <td contenteditable="true">b</td>
   <td contenteditable="true">c</td>
</tr>
</table>