jQueryを使用してテーブルセルの値を選択して変更する方法は？

Question

jQueryを使用してHTMLサンプルの 'c'文字を含むセルの内容を変更するにはどうすればよいですか？

<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");

、多分再利用するために、あなたがCSS selectorsを使用することができます

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

Answer 2

を呼び出す関数を作成することができます。

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

してから使用してください：

あなたはそのTDを取得する方法に応じて、あなたはそれをID与えることができますいずれか

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

のかtable_headerの最初の行の3番目のセルにトラバース

Answer 3

eq()^(docs)を使用すると、テーブルの3番目のセルをターゲティングできます。

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

あなたは、に各列内のすべての 3番目のセルをターゲット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

私は2番目の行のHTMLを変更することを探していたとカスケードセレクタを使用できます

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