Question

【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事件,而且悬浮字体变红色，并输出内容的信息。

Answer 1

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

Answer 2

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

Answer 3

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