1

行のインデックスを取得しました。列数は静的であるため、どの列に何を配置するかはわかりますが、onclickイベントハンドラーを使用して特定のセルのコンテンツを変更できるようにする必要があります。このonclickイベントが適用されている要素は、コンテンツのコピー元となるすべてのテキスト入力を含むテーブルの外にあります。簡単な例

<table id="table1">
<tr>
<td>SomeText</td>
<td>SomeOtherText</td>
</tr>
<tr>
<td>SomeText2</td>
<td>SomeOtherText2</td>
</tr>
</table>

<div id="box1">
<form>
<input type="text" name="newText"/>
<input type="button" onclick="?" />       
</form>
</div>
4

2 に答える 2

2

次のようなものを使用して、この特定のセルにアクセスできます。

$('#table1 tr:eq(1) td:eq(1)')

ここでは、2番目の行の2番目の列を選択します（0ベースのカウントです）。

そして、jQuery.text()またはを使用できますjQuery.html()。

次のようなことを行うことができます。

<table id="table1">
<tr>
<td>SomeText</td>
<td>SomeOtherText</td>
</tr>
<tr>
<td>SomeText2</td>
<td>SomeOtherText2</td>
</tr>
</table>

次に、onclickメソッドで、次のようなことを行うことができます。

$('#table1 tr:eq(1) td:eq(1)').text("Whatever text you want");

また 

$('#table1 tr:eq(1) td:eq(1)').html("Whatever text you want");
于 2012-12-27T19:45:03.440 に答える
0

Java スクリプトと ID を使用できます。

<table id="table1">
<tr>
<td id=r1c1>SomeText</td>
<td id=r1c2>SomeOtherText</td>
</tr>
<tr>
<td id=r2c1>SomeText2</td>
<td id=r2c2>SomeOtherText2</td>
</tr>
</table>
<script>

function updatetxt(){
x=Document.getElementById(r1c1);
x.value=Document.getElementById(txt1).value
    }    
</script>
    <div id="box1">
    <form>
    <input type="text" id=txt1 name="newText" />
    <input type="button" onclick="updatetxt()" />       
    </form>
    </div>
于 2012-12-27T19:55:54.643 に答える