從表格複製單元格值到文本框

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。您可以使用：第n個孩子選擇這樣的：

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

當然，你需要一種方法來識別正確的，但我相信代碼是應該從每個調用，那裏可以使用家長選擇。

否則，我會在每行中添加一個id屬性，以使選擇更容易。