js获取table当前tr行第二列td的值

js获取table当前tr行第二列td的值,第1张

在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数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存