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

Question

Как изменить содержимое ячейки, содержащей букву 'c' в примере HTML, используя jQuery?

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

Спасибо.

Answer 1

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

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

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

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

Answer 2

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

В зависимости от того, как вы получите, что тд, вы можете дать ему идентификатор:

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

, а затем использовать:

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

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

Answer 3

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

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

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

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

Answer 4

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

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

Answer 5

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

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