¿Cómo seleccionar y cambiar el valor de la celda de la tabla con jQuery?

Question

¿Cómo cambio el contenido de la celda que contiene la letra 'c' en la muestra HTML usando jQuery?

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

Gracias.

Answer 1

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

o, más precisamente $("#table_headers td:contains('c')").html("new");

y tal vez para su reutilización se puede crear una función para llamar

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

Answer 2

Puede utilizar CSS selectors.

Dependiendo de cómo se consigue que td, puede darle un id:

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

y luego usar:

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

O atravesar a la tercera casilla de la primera fila de table_header , etc.

Answer 3

Usando eq()^(docs) puede orientar la tercera casilla de la tabla:

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

Si quisiera apuntar cada tercera celda en cada fila, utilice el nth-child-selector^(docs):

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

Answer 4

usted puede hacer esto:

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

Answer 5

que estaba buscando para cambiar segunda html fila y puede hacer el selector en cascada

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