jquery 取 与当前tr相邻的下一个tr的id 如题 求解

jquery 取 与当前tr相邻的下一个tr的id 如题 求解,第1张

$("#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哪个一行等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存