社区
JavaScript
帖子详情
如何取得点击了表格的第几行?
xuan_yb
2002-06-08 04:24:15
怎么才能知道点击了一个表格的第几行?
...全文
80
5
打赏
收藏
如何取得点击了表格的第几行?
怎么才能知道点击了一个表格的第几行?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
5 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
孟子E章
2002-06-08
打赏
举报
回复
可以根据需要也可以用下面的方法:
<table border=1 width="100%">
<tr onclick="alert(this.rowIndex)">
<td>测试</td><td>测试</td><td>测试</td>
</tr>
<tr onclick="alert(this.rowIndex)">
<td>测试</td><td>测试</td><td>测试</td>
</tr>
</table>
孟子E章
2002-06-08
打赏
举报
回复
table border=1 width="100%" onclick="test()">
<tr>
<td>测试</td><td>测试</td><td>测试</td>
</tr>
<tr>
<td>测试</td><td>测试</td><td>测试</td>
</tr>
<tr>
<td>测试</td><td>测试</td><td>测试</td>
</tr>
<tr>
<td>测试</td><td>测试</td><td>测试</td>
</tr>
</table>
<script>
function test()
{
var e = event.srcElement
while(e.tagName!="TR")
e=e.parentElement
alert(e.rowIndex)
}
</script>
孟子E章
2002-06-08
打赏
举报
回复
<table border=1 width="100%" onclick="test()">
<tr>
<td>²âÊÔ</td><td>²âÊÔ</td><td>²âÊÔ</td>
</tr>
<tr>
<td>²âÊÔ</td><td>²âÊÔ</td><td>²âÊÔ</td>
</tr>
<tr>
<td>²âÊÔ</td><td>²âÊÔ</td><td>²âÊÔ</td>
</tr>
<tr>
<td>²âÊÔ</td><td>²âÊÔ</td><td>²âÊÔ</td>
</tr>
</table>
<script>
function test()
{
var e = event.srcElement
while(e.tagName!="TR")
e=e.parentElement
alert(e.rowIndex)
}
</script>
xuan_yb
2002-06-08
打赏
举报
回复
如果TD中使用了<a>标签,event.srcElement就会失效,也就无法取到行数和列数。请问大侠如何解决?
mmkk
2002-06-08
打赏
举报
回复
<TABLE border width="98%" onclick="findcell()" id="tb1">
<TR>
<TD>1</TD>
<TD>2</TD>
</TR>
<TR>
<TD>3</TD>
<TD>4</TD>
</TR>
<TR>
<TD>5</TD>
<TD>6</TD>
</TR>
</TABLE>
<script>
function findcell()
{
var count=0;
for (i=0; i < document.all.tb1.rows.length; i++) {
for (j=0; j < document.all.tb1.rows(i).cells.length; j++) {
if(document.all.tb1.rows(i).cells(j)==event.srcElement)
{
alert("第"+(i+1)+"行"+"第"+(j+1)+"列")
}
}
}
}
</script>
Bootstrap table
表格
, 获取当前
点击
的table元素在该行是第几个
获取行bootstrap 有个index参数, 所哟要获取当前行第几列, 要获取当前
点击
的table元素在其所在行中的位置(即第几个),你可以使用JavaScript的事件对象和DOM API来实现。方法计算当前
点击
的单元格在其所在行中的位置。请注意,这里假设单元格的索引是从0开始的,因此我们需要在结果上加1来得到从1开始的索引。有这样一个需求, table
表格
中是统计数据, 要求
点击
每个单元格可实现导出统计的底层数据。在这个方法中,我们首先通过事件对象获取当前
点击
的table元素。数据都是可
点击
导出的,
jquery取
点击
位置是table中的第
几行
第几列
$('table tr td').click( function() { alert( $(this).parent().parent().find("tr").index($(this).parent()[0]));//第
几行
alert($(this).index());//第几列 } ); $('table tr td').click( function() { var i = $(this).parent().parent().find("tr"...
layui当前
表格
第一行_layui使用
表格
渲染获取行数据的例子
需求:使用前端框架layui生成
表格
,
点击
表格
中一行数据中的按钮,获取到这行数据。解决办法:在render中增加字段:done: function (res, curr, count) {// $('.x-body').find('.layui-table-body').find("table").find("tbody").children("tr").on('click', function ...
Labview如何定位鼠标所
点击
表格
的行和列
在前面板创建
表格
,并右键勾选显示行首和列首且图上颜色(好辨识)③右键
表格
控件-->创建-->调用节点-->点到行列。⑤将簇CellPosition解捆绑,并右键显示控件。②将
表格
控件添加到事件源中,事件选择为鼠标按下。①在程序框图嵌套while和事件结构。运行程序
点击
表格
任意位置即可输出结果。④将坐标与Point相连。
Layui
表格
获取行数据
在开发项目的时候经常用的一个Layui
表格
,而我们要
表格
里的一数据来进行其他操作,这时候就需要监听到它的那行数据才行,就是说,你
点击
到一个
表格
的其中一行,你需要那行的某个信息,用那个信息来做某种操作, 例如上面这张图,我要获取到徐小春的数据,来进行其他的操作,这时候要怎么办呢,我这个
表格
使用Layui的
表格
渲染出来的。 监听到它的行可以用它的方法: 可以在控制台行的数据来查看,有没有获取到这行数据,用console打印obj 目前已经获取到这行的数据了,tr代表这行。 在选中这行的时候
JavaScript
87,994
社区成员
224,693
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章