$("#a1")parent("tr")next("tr") //next()函数 找到元素的下一个元素。$("#a1")parent("tr")prev("tr") //prev()函数 找到元素的上一个元素。其实根据英文翻翻jQuery的API帮助文档,一下就出来了
<html>
<head>
<title>复选框删除表格行</title>
<script type="text/javascript">
function del() {
var tb = documentgetElementById("tb");
if (tbrowslength < 2) {
return;
}
var row;
var cell;
var chk;
//倒着迭代可以少做一些处理
for (var i = tbrowslength - 1; i > 0; i--) {//如果要迭代第一行(i > -1)即可
row = tbrows[i];//迭代当前行
cell = rowcells[0];//复选框所在的单元格
chk = cellgetElementsByTagName("input")[0];//为单元格中第几个INPUT元素
if (chkchecked) {//如果选中
tbdeleteRow(i);//删除改行
}
}
}
var html;
function reTB() {
documentgetElementById("contentDiv")innerHTML = html;
}
windowonload = function () {
html = documentgetElementById("contentDiv")innerHTML;
}
</script>
</head>
<body>
<input type="button" value="删除选中行" onclick="del()"/>
<input type="button" value="刷新" onclick="reTB()"/>
<div id="contentDiv">
<table id="tb" width="250px" border="1px" >
<tr><td style="width:20%"><input type="checkbox" /></td><td style="width:40%">姓名</td><td>分数</td></tr>
<tr><td><input type="checkbox" /></td><td>aa</td><td>60</td></tr>
<tr><td><input type="checkbox" /></td><td>bb</td><td>67</td></tr>
<tr><td><input type="checkbox" /></td><td>cc</td><td>59</td></tr>
<tr><td><input type="checkbox" /></td><td>dd</td><td>70</td></tr>
<tr><td><input type="checkbox" /></td><td>ee</td><td>80</td></tr>
<tr><td><input type="checkbox" /></td><td>ff</td><td>90</td></tr>
<tr><td><input type="checkbox" /></td><td>gg</td><td>hh</td></tr>
<tr><td><input type="checkbox" /></td><td>ii</td><td>98</td></tr>
<tr><td><input type="checkbox" /></td><td>jj</td><td>99</td></tr>
<tr><td><input type="checkbox" /></td><td>kk</td><td>100</td></tr>
</table>
</div>
</body>
</html>
<tr id="del">
<td>1</td>
</td>2</td>
</tr>
如何点击删除tr:
$(function(){
$("#del")click(function(){
$(this)remove();
});
})
至于后面td *** 作不是很明白,希望楼主下次问问题之前把问题表述清楚
<table id="test">
<tr>
<td>
1
</td>
<td>
2
</td>
</tr>
<tr>
<td>
一
</td>
<td>
二
</td>
</tr>
</table>
JQuery:
$(document)ready(function () {
$('#test tr')each(function () {
alert($(this)children('td')eq(1)html());
});
});
以上代码完整无误,请试试吧!
1、JS获取表格的简便方法:获取tbody:tBodies 获取thead:tHead 获取tfoot:tFoot 获取行tr:rows 获取列td:cells
使用实例: oTabletBodies[0] oTabletHead[0] oTabletFoot[0] oTablerows[1] oTablecells[1]
2、遍历
var oTable=documentgetElementById("表格id");
oTabletBodies[0]可以看成是rows和cells组成的二维数组,用两个for循环嵌套遍历一下就可以了
以上就是关于jquery 取 与当前tr相邻的下一个tr的id 如题 求解全部的内容,包括:jquery 取 与当前tr相邻的下一个tr的id 如题 求解、js 如何获得被选中checkbox这行tr、jquery 怎么删除当前点击的tr 我点击 td里面的数据,怎么获取当前点击的td上一个tr哪个一行等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)