Заполните другое поле ввода в таблице, щелкнув ссылки с помощью JQuery

Question

Как получить значение, щелкнутое в каждой строке (генерируется с помощью плагина AddRowTable), т. Е.

<script type="text/javascript">
$("document").ready(function(){
$(".addRow-Max4").btnAddRow({maxRow:4, inputBoxAutoNumber:true});
$(".delRow").btnDelRow();
});
</script> 

создает максимум 4 строки в таблице и нумерует каждое поле ввода, поэтому я получаю textfield1, textfield2и так на моем столе.

<table border="0" >
<tr>
    <th colspan="2">Input your data</th>
    <th><input type="button" value="Add Row" class="addRow-Max4"/></th>
</tr>
<tr><td>
    <a href="#" class="autofill">Apple</a> 
    <a href="#" class="autofill">Banana</a> 
    <a href="#" class="autofill">Mango</a>
    </td><td><input type="text" name="textfield" class="autofill" size="25"/></td>
    <td><img src="./images/cross.gif" class="delRow" border="0"></td>
</tr>
</table>

Теперь я мог бы выбрать для Apple в строке 1, Манго в строке 2 и так далее, и хотел бы, чтобы соответствующее текстовое поле для этой строки было заполнено.

У меня есть

$("a[class=autofill]").live("click", function(){
$("input[name=textfield1]").val($(this).text());
return false;
});

, но как мне настроить его, чтобы он был динамичным для каждой строки.Допустим, textfield1, textfield2, textfield3 и так далее.Как и сейчас, я меняю текстовое поле1 каждый раз, когда нажимается ссылка.Но я хочу просто изменить его, если нажата одна из соответствующих ссылок (в той же строке).

Answer 1

Не получил много понимания этой проблемы. Но вот моя попытка найти все поля ввода внутри родительского TR.

$("a[class=autofill]").live("click", function(){
    $(this).closest('tr').find("input").val($(this).text());
    return false;
});

Вот что я попробовал:

http://jsfiddle.net/KU6Xw/