Jak wybrać i zmienić wartość komórki tabeli za pomocą jQuery?

Question

Jak zmienić zawartość komórki zawierającej literę "c" w próbce HTML za pomocą jQuery?

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

Dzięki.

Answer 1

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

lub, bardziej precyzyjnie $("#table_headers td:contains('c')").html("new");

a może do ponownego wykorzystania można utworzyć funkcję zadzwonić

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

Answer 2

Można użyć CSS selectors.

zależności od tego jak masz ten td, można nadać jej ID:

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

i wtedy użyć:

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

Albo przechodzą do trzeciej komórki pierwszego rzędu table_header itp

Answer 3

Korzystanie eq()^(docs) można kierować trzeciej komórki w tabeli:

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

Jeśli chciał kierować każdy trzecią komórkę w każdym wierszu, użyj nth-child-selector^(docs):

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

Answer 4

Można to zrobić:

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

Answer 5

szukałem zmianę drugiego rzędu html i można wykonać selektor kaskadowy

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