jquery - 在鼠标单击时使用 JQuery 从表中获取数据

Question

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

<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);
});

小提琴

Answer 3

我更喜欢使用链接，它更用户友好：

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(); 
});

Answer 4

你可以这样做...

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*/
});

查看我的小提琴进行演示