通过鼠标点击从JQuery表中获取数据

Question

我得到一个页面，其中有一个使用CodeIgniter表类生成的表。 现在可以通过点击使用JQuery来获取<td>标签的内容。 例如 我的表是这样的：

<table> 
<th>ID</th><th>Name</th><th>Age</th> 
<tr><td>25</td><td>Jack</td><td>15</td></tr> 
<tr><td>20</td><td>Jill</td><td>16</td></tr> 
</table> 

我怎样才能获得标签里面的内容（文本）被点击的时候吗？

Answer 1

$('table td').click(function() { 
    var text = $(this).text(); 
}); 

Answer 2

使用此：

$("table td").click(function(){ 
    alert($(this).text()); 
}); 

或者：

$("table td").click(function(){ 
    alert(this.innerText); 
}); 

Fiddle

Answer 3

你可以做这样的...

的JS：

$('table td').click(function() { 
var mvalue = $(this).text(); /*you can store in in a variable and use it for something else later*/ 
alert(mvalue); /*this provides a popup on top of the screen*/ 
console.log(mvalue); /*this shows you the value in your web console in case you are debugging*/ 
}); 

查看我的fiddle用于演示

Answer 4

我会prefere使用环节，其多种用户友好：

HTML：

... 
<tr> 
    <td><a href="#">25</a></td> 
    <td><a href="#">Jack</a></td> 
    <td><a href="#"15</a></td> 
</tr> 
... 

的javascript：

$('a').click(function(event) { 
    event.preventDefault(); 
    var text = $(this).text(); 
});