1***@qq.com
1***@qq.com
  • 发布:2017-05-26 09:53
  • 更新:2017-05-26 16:49
  • 阅读:1188

mui 怎么选择当前元素所在行

分类:MUI
mui

mui 怎么选择当前元素所在行 (表格内)

2017-05-26 09:53 负责人:无 分享
已邀请:
玛玛丶卡

玛玛丶卡

<script type="text/javascript">
//页面装载就加载函数
$(document).ready(function() {
//给所有的td单元格绑定一个click事件
//如果这个table的id为table1,那单给table1的所有td加click事件代码为:
// var tds = $("#table1").find("td");
var tds = $("td");
tds.click(tdclick);
});

function tdclick() {
//var td = $(this);
//var text = td.text();
// $(this)表示这个td单元格,
// .parent("tr")表示这个td的父节点
// .prevAll()表示这个tr前面有多少个tr
var hang = $(this).parent("tr").prevAll().length;
var lie = $(this).prevAll().length;
hang = Number(hang)+1;//字符串变为数字
lie = Number(lie)+1;
alert("第"+hang+"行"+"第"+lie+"列");
}
</script>
<table border="1px" width="300" id="table1">
<tr>
<td>
1
</td>
<td>
2
</td>
<td>
q
</td>
<td>
t
</td>
</tr>
<tr>
<td>
a
</td>
<td>
2
</td>
<td>
q
</td>
<td>
y
</td>
</tr>
</table>
</body>

已上代码放到body 测试去,下面是原文链接
http://af8991.iteye.com/blog/1142056

玛玛丶卡

玛玛丶卡

希望你能自己改写成你想要的

该问题目前已经被锁定, 无法添加新回复