jQuery 如何获取表格的内容

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

jQuery 如何获取表格的内容

相关推荐