如何捕捉表數據的td值？

Question

如何在jquery中捕捉鼠標點擊事件中的td值？我用純js做了這些事情，但它很長。 jQuery能否有簡單的解決方案？我想在表單文本字段中添加這些catch值。

Answer 1

$("#theTable").click(function(e) { 
    var data = $(e.target).closest("td").text(); 
}); 

Answer 2

<script type="text/javascript"> 
$(document).ready(function(){ 
     $("#myTable td").click(function(){ 
      alert($(this).html()); 
      }) 
    }) 
</script> 


<table id="myTable" border="1" > 
    <tr> 
    <td>value 1</td> 
    <td>value 2</td> 
    <td>value 3</td> 
    </tr> 
</table> 

Answer 3

您可以使用.delegate()。容器元素（表）上的一個處理器管理上所包含的所有元素的事件（過濾以自己的喜好，如「TD」）：

$('#thetable').delegate('td','click', function(){ 
    alert('Value is ' + $(this).text()); 
});