【jquery】利用选择器，添加click事件！？

<table>

<tr>

<td>id</td> <td>标题</td> <td>内容</td>

</tr>

<tr>

<td>id</td> <td>信息1</td> <td>信息1</td>

</tr>

<tr>

<td>id</td> <td>信息2</td> <td>信息2</td>

</tr>

...

</table>

问题来了！

 如何给所有的信息添加click事件,而且悬浮字体变红色，并输出内容的信息。

$(document).ready(function() { $('table tr:not(:first)').each(function() { $(this).children('td:not(:first)').hover(function() { $(this).css('color', 'red'); }, function() { $(this).css('color', 'black'); }).click(function() { alert($(this).html()); }); }); });

<table>

<tr>

<td>id</td> <td>标题</td> <td>内容</td>

</tr>

<tr>

<td>id</td> <td>信息1</td> <td>信息1</td>

</tr>

<tr>

<td>id</td> <td>信息2</td> <td>信息2</td>

</tr>

...

</table>

找到table 下的td 然后添加事件

$("table > td").bind("click",function(){DoSomething();});

<table>

<tr>

<td>id</td> <td>标题</td> <td>内容</td>

</tr>

<tr>

<td>id</td> <td class=info>信息1</td> <td class=info>信息1</td>

</tr>

<tr>

<td>id</td> <td class=info>信息2</td> <td class=info>信息2</td>

</tr>

...

</table>

给信息加个class 然后给这些class做绑定事件$(".info").bind("click",function(){DoSomething();});