jQuery 如何获取表格的内容
日期：2014-05-16 浏览次数：20804 次
jQuery 怎么获取表格的内容 - Web 开发 / Ajax
<table>
<tr>
<td class="test">1</td>
<td class="test">2</td>
</tr>
</table>
这个表格是ASP查询的结果，循环输出的
这么一个例子表格，当我用鼠标在 1 或 2 上划过时，自动加载对应的相关内容
用jQuery 我已经实现了滑动鼠标（mouseover）时可以在旁边显示一个层，鼠标移开后，层消失。
但是不知道怎么把鼠标放的位置的内容传给 函数，进行后台操作。就是 1和2 怎么知道放在了谁的上面呢？
------解决方案--------------------
<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……
});
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
