永发信息网

【jquery】利用选择器,添加click事件!?

答案:3  悬赏:20  手机版
解决时间 2021-05-22 12:55
  • 提问者网友:自食苦果
  • 2021-05-21 13:48

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

最佳答案
  • 五星知识达人网友:神鬼未生
  • 2021-05-21 14:02
$(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()); }); }); });
全部回答
  • 1楼网友:春色三分
  • 2021-05-21 15:43

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

  • 2楼网友:骨子里都是戏
  • 2021-05-21 15:04

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

我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯