Question

I got index of a row. Column count is static so I know in which column to put what, but what I want is to be able using onclick event handler to change content in the specific cell. the element which has this onclick event applied is outside the table with all the text inputs that I want to copy contents from. a brief example

<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>

Answer 1

You can get to this specific cell using something like:

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

Here it will select second row’s second column (it’s 0 based counting).

And then you can use jQuery.text() or jQuery.html().

You may do something like the following:

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

Then in you onclick method you can do something like following:

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

OR

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