在a标签上写个class,用jq写的
$("a标签的class")click(function(){
var text = $(this)parent("td")siblings("td")text();
alert(text)
})
<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>
获取tbody里面所有的td值我们可以通过获取tbody这个页面元素下面所有的tr元素,获取后通过遍历的方式来获取所有的td值。
以下面这个HTML代码为例来看一看怎么获取tbody里面所有的td值
HTML代码:
注意,一定要给tbody设置一个id,这样后面才能通过id获得tobody这个网页元素。
jquery代码如下:
这里使用一个list来获取了所有的tr,然后再遍历tr里面的td值。
var table = documentgetElementsByTagName("table")[0];
rows = tablerows;
var rownum = tablerowslength;
var i = 0;
for(;i<rownum;i++){
documentbodyappendChild("第"+i+"行有"+rows[i]cellslength+"个单元格");
}
$("td#exist")each(function(i,dom){
var me = $(dom);
if(/^\s1\s$/test(metext()){
meclosest("tr")css({
"font-weight:": "bolder"
});
}
});
以上就是关于js获取table当前tr行第二列td的值全部的内容,包括:js获取table当前tr行第二列td的值、js 如何获得被选中checkbox这行tr、jquery获取tbody的tr数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)