各位大侠我想知道怎么通过jQuery获取table的表头和最左边那一列？？？ 50
3个回答
展开全部
代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
$("td").click(function(){
var num=$(this).parent("tr").children("td").index($(this));
var title=$("#head").children("td").eq(num).html();
alert(title+" : "+$(this).html());
});
});
</script>
</head>
<body>
<table width="500" border="2" align="center" >
<tr id="head">
<td>姓名</td>
<td>年龄</td>
<td>身高</td>
<td>地址</td>
<td>电话</td>
</tr>
<tr>
<td>张三</td>
<td>26</td>
<td>180cm</td>
<td>保密</td>
<td>123456789</td>
</tr>
<tr>
<td>李四</td>
<td>12</td>
<td>150cm</td>
<td></td>
<td>123456789</td>
</tr>
<tr>
<td>王五</td>
<td>23</td>
<td>170cm</td>
<td>保密</td>
<td>16789</td>
</tr>
<tr>
<td>赵六</td>
<td>50</td>
<td>168cm</td>
<td>北上广</td>
<td>1025648</td>
</tr>
</table>
</body>
</html>
我这里引用的是1.8.3的JQ，别的版本你试试看可以不~还有就是我用的是弹出~你可以自己再改成写到BODY上的~反正参数都有了~你自己调用就行了~
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(document).ready(function () {
$('table tr').eq(1).children('td').eq(1).click(function () {
alert( $('table tr:first').children('td').eq(1).html());
alert( $('table tr').eq(1).children('td').eq(0).html());
});
});
不知道对不对
$('table tr').eq(1).children('td').eq(1).click(function () {
alert( $('table tr:first').children('td').eq(1).html());
alert( $('table tr').eq(1).children('td').eq(0).html());
});
});
不知道对不对
追问
你好，这样是写死了，我想随便点击某行某列，就会显示改行第一列和该列第一行的值，麻烦你帮忙写一下吧。谢谢！
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
设置一个ID并获取这个ID就可以了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
