Js中如何获取当前Table中的第几行Sos,帮帮我这个小娃娃吧._框架

<html>

<head>

<title>Table Test</title>

<!--

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>

<tr>

<td width="15%"><a onclick="Delete()" href="#">delete</a></td>

</tr>

<tr>

<td><a onclick="Delete()" href="#">delete</a></td>

</tr>

<tr>

<td><a onclick="Delete()" href="#">delete</a></td>

</tr>

</table>

</body>

</html>

表格的第一行为thead中的th

剩下的数据放到tbody中

最后那一行添加的放到tfoot中

对tbody下面的所有tr绑定一个点击事件

事件中获取这个tr下的所有td，就可以获取这行的数据了

大概代码如下:

var trs =documentgetElementById("tbodyId")getElementsByTagName("tr");

for(int i=0;i<=trslength;i++)

{

var tr = trs[i]；

var tds＝trgetElementsByTagName("td");

//下面遍历tds就可以去获取数据了

//把数据放到下面的表单就好了

//然后提交数据，在服务端进行修改

}

状态: 未开始 ⇒ 已处理

应该采用Context来传递全局参数。它在View的整个生命周期中无论在Browser还是在Server端，都可以很方便的访问和存储常用的是数据。

view中配置：>

jQuery 遍历的 eq() 方法将匹配元素集缩减值指定 index 上的一个，index表示元素的位置（最小为 0）。所以获取Table第 i 行第 j 列的内容可用如下代码

$("table")find("tr")eq(i-1)find("td")eq(j-1)text(); // 注意-1是因为index从0开始计数。

<div class="box"><span>填写行列数，点击按钮后获取对应位置的数值：</span><div class="content"><table><tr><td>1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td></tr><tr><td>7</td><td>8</td><td>9</td></tr></table></div>

第<input type="text" name="row">行，第<input type="text" name="col">列<input type="button" class="btn" value="确定"></div>

添加css样式

divbox{width:300px;height:250px;padding:10px 20px;border:4px dashed #ccc;}

divbox>span{color:#999;font-style:italic;}

divcontent{width:250px;height:100px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}

input[type='text']{width:35px;height:30px;border:1px solid #99ccff;}

input[type='button']{width:100px;height:30px;margin:10px;border:2px solid #ebbcbe;}

selected{background:#99ccff;}

table{border-collapse:collapse;}

td{padding:5px 10px;border:1px solid green;}。

1、简单的，表格中的一行添加id属性

var item=documentgetElementById("id");

2、在行本身绑定方法将自身作为参数传递

<html>

<head>

var curRow; //全局行号

var curRowId; //选中行的记录信息的ID

var curColor;

function selectRow(tr){//tr行本身

curRow = tr;

curRowId = trid;

alert(trcells[0]innerText);

}

</script>

</head>

<td>google</td>

</tr>

<td>baidu</td>

</tr>

</table>

</body>

</html>

3、获取所有行集合，然后通过下标访问某一行

var items=documentgetElementByTagName("tr");

//获取某一行(下标从0开始，到itemslength-1结束)

var hang=items[0];

windowonload = function () {

const params = documentgetElementById('params');

const ul = paramsquerySelector('ul');

const addBtn = ulquerySelector('#add');

addBtnonclick = function (e) {

const newli = documentcreateElement('li');

newliappendChild(documentcreateElement('input'));

const btn = documentcreateElement('input');

btnsetAttribute('type', 'button');

btnsetAttribute('value', '删除');

btnsetAttribute('opt-type', 'del');

newliappendChild(btn);

ulappendChild(newli);

}

ulonclick = function (e) {

const target = etarget;

const optType = targetgetAttribute('opt-type')

if (targetnodeName === 'INPUT' && targettype === 'button' && optType === 'del') {

thisremoveChild(targetparentNode)

}

}<div id="params">

<ul>

</ul>

</div>

点击"添加一行"，生成一条li，包含input，然后append进ul里边。点击删除，用ul删除按钮父元素li。

以上就是关于Js中如何获取当前Table中的第几行Sos,帮帮我这个小娃娃吧.全部的内容，包括:Js中如何获取当前Table中的第几行Sos,帮帮我这个小娃娃吧.、怎么用JavaScript获取table某行数据、dorado7中怎么在js中获取一行的数据等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/9697285.html

Js中如何获取当前Table中的第几行Sos,帮帮我这个小娃娃吧.

发表评论

评论列表（0条）