Скопировать значение ячейки из таблицы в текстовое поле

Question

У меня есть следующая таблица. Я хочу скопировать значение Id в выделенной строке в текстовое поле. Если я нажму ссылку «Выбрать» в первой строке, значение текстового поля будет 0001.

Если таблица нуждается в изменении, чтобы получить результат лучше и быстрее, оставьте свое предложение.

<div> 
    <input id="selectedId" type="text" /> 
    </div> 

    <table cellspacing="1" class="tablesorter" id="nameList"> 
    <thead> 
     <tr> 
     <th class="header">Name</th> 

     <th class="header">Id</th> 

     <th class="header">Gender</th> 

     <th>Select</th> 
     </tr> 
    </thead> 

    <tbody> 
     <tr> 
     <td>Akom Smith</td> 

     <td>0001</td> 

     <td>M</td> 

     <td><a href="#" class="click-to-select">Select</a></td> 
     </tr> 

     <tr> 
     <td>Amara Sahara</td> 

     <td>0002</td> 

     <td>F</td> 

     <td><a href="#" class="click-to-select">Select</a></td> 
     </tr> 

     <tr> 
     <td>John Lache</td> 

     <td>0003</td> 

     <td>M</td> 

     <td><a href="#" class="click-to-select">Select</a></td> 
     </tr> 
    </tbody> 
    </table> 

Answer 1

попробовать это,

$('a.click-to-select').click(function() { 
    var id = $(this).closest('tr').find('td').eq(1).text(); 
    $('#selectedId').val(id); 
    return false; 
});​ 

simple cool demo

добавлены заметки для комментариев ниже.

$('a.click-to-select').click(function() { 
    var id = $(this).closest('tr').find('td.id').text(); 
    $('#selectedId').val(id); 
    return false; 
});​ 

updated demo

Answer 2

Ну, вы знаете, что ваш ключ является второй TD в строке. Вы можете использовать: селектор п-го ребенка, как это:

<script type="text/javascript"> 
var getUniqueId = function() { 
    return $('td:nth-child(2)').text(); 
} 
</script> 

Конечно вам нужен способ, чтобы определить правильный, но я предполагаю, что код должен быть вызван из каждого, и там вы можете использовать родительский селектор ,

В противном случае я бы поместил атрибут id в каждую строку, чтобы сделать выбор проще.