日期:2014-05-16  浏览次数:20836 次

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