it-swarm.com.de

Wie kann ich den Wert der Tabellenzelle mit jQuery auswählen und ändern?

Wie ändere ich den Inhalt der Zelle mit dem Buchstaben 'c' im HTML-Beispiel mit jQuery?

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

Vielen Dank.

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

oder genauer gesagt $("#table_headers td:contains('c')").html("new");

und vielleicht könnten Sie für die Wiederverwendung eine Funktion zum Aufrufen erstellen

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

Mit eq() können Sie die dritte Zelle in der Tabelle anvisieren:

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

Wenn Sie jede dritte Zelle in jeder Zeile als Ziel auswählen möchten, verwenden Sie den nth-child-selector :

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

Sie können CSS-Selektoren verwenden .

Je nachdem, wie Sie das td erhalten, können Sie ihm entweder eine ID geben:

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

und dann verwenden Sie:

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

Oder zur dritten Zelle der ersten Zeile von table_header usw.

8
Igor

ich war auf der Suche nach dem Ändern der zweiten Zeile HTML und Sie können Kaskadierungsauswahl tun

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