<html>
<head>
<title>Table Test</title>
<meta name="generator" content="Editplus" />
<meta name="author" content="PJ" />
<script language="JavaScript">
<!--
function Delete()
{
var dgTable=documentgetElementById('tb')rows;//tb为table的ID,
var pp=windoweventsrcElement;
for (var i=0; i < dgTablelength; i++) //遍历table的行,
{
if(pp==dgTable[i]cells[2]getElementsByTagName("A")[0]) //cells[2]为触发事件的列的索引
{ //判断是否是触发事件的A标签
alert(dgTable[i]cells[0]innerText); //演示,d出所在行的第一列的内容
}
}
}
//-->
</script>
</head>
<body>
<table id="tb" border="1px" width="500px">
<tr>
<td width="40%">aaa</td>
<td width="40%">bbb</td>
<td width="15%"><a onclick="Delete()" href="#">delete</a></td>
</tr>
<tr>
<td>ccc</td>
<td>ddd</td>
<td><a onclick="Delete()" href="#">delete</a></td>
</tr>
<tr>
<td>eee</td>
<td>fff</td>
<td><a onclick="Delete()" href="#">delete</a></td>
</tr>
</table>
</body>
</html>
先说思路:
当点击某一行的时候,能得到这个tr的对象,可以通过这个对象得到该行的所有td对象,这时候可以通过一个序号来获取这一行的某个td的数据。
下面以代码来解释
<table id="tb"><tr>
<td>a</td><td>b</td><td>c</td>
</tr>
<tr>
<td>aa</td><td>bb</td><td>cc</td>
</tr>
</table>
<script>
//以jquery为例实现点击某行获得某个td的数据
$( "#tb tr" )click( function() {//给每行绑定了一个点击事件
var td = $( this )find( "td" );//this指向了当前点击的行,通过find我们获得了该行所有的td对象
//题中说到某个td,为了演示所以我们假设是要获得第3个td的数据
var data = tdeq( 2 )html();//通过eq可以得到具体的某个td对象,从而得到相应的数据
} );
</script>
综上,我们就实现了通过点击某行获得某个td的数据。
以下是一个extGrid获取所有选择行ID的函数,返回结果是把所有选择行的ID拼接成用逗号连接的字符串,经测试可用,按你的情况,选择一个就可以达到你的需求了
其中GridPanel1是你的grid,
function getSelectValue() {
var gsm = GridPanel1getSelectionModel(); //获取选择列
var rows = gsmgetSelections(); //根据选择列获取到所有的行
var selectid = ""
for (var i = 0; i < rowslength; i++) {
selectid += rows[i]get('id') + ","; //此处将ID改为您想要取的值
}
return selectidsubstr(0, selectidlength - 1);
}
以上就是关于Js中如何获取当前Table中的第几行Sos,帮帮我这个小娃娃吧.全部的内容,包括:Js中如何获取当前Table中的第几行Sos,帮帮我这个小娃娃吧.、在表格中单击其中的某一行产生一个js单击事件,怎么样在js获取这一行的某一个td的数据、Ext js 怎样获得 grid 修改后获取当前行 其他列的值(如主键)等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)