首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

jQuery 如何获取表格的内容

2012-02-05 
jQuery 怎么获取表格的内容 - Web 开发 / Ajaxtabletrtd classtest1/tdtd classtest2/td

jQuery 怎么获取表格的内容 - Web 开发 / Ajax
<table>
  <tr>
  <td class="test">1</td>
  <td class="test">2</td>
  </tr>
</table>
这个表格是ASP查询的结果,循环输出的
这么一个例子表格,当我用鼠标在 1 或 2 上划过时,自动加载对应的相关内容

用jQuery 我已经实现了滑动鼠标(mouseover)时可以在旁边显示一个层,鼠标移开后,层消失。
但是不知道怎么把鼠标放的位置的内容传给 函数,进行后台操作。就是 1和2 怎么知道放在了谁的上面呢?

[解决办法]

HTML code
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script>window.onload=function(){    $(".test").mouseover(function(e){        $("#pad").load("test1.asp",{n:$(this).text()},function(){            $("#pad").css({top:e.clientY,left:e.clientX}).show();        })    }).mouseout(function(){$("#pad").hide();});}</script><div id="pad" style="border:1px solid #000;background:#EEE;position:absolute;top:0;left:0;display:none;"></div><table><tr><td class="test">11111</td><td class="test">22222</td></tr></table>
[解决办法]
CSS code
$("td .test").mouseover(function(){//鼠标当前单元格内容$(this).text();//这样就能获得1、2//$.ajax doSomething……}); 

热点排行