一个table有多行,怎样确定被选中的是第几行,然后遍历未被选中的行,获取其中的某个td

一个table有多行,怎样确定被选中的是第几行,然后遍历未被选中的行,获取其中的某个td,第1张

$("tr :checkbox:checked")each(function(i,dom){

var tr = $(dom)closest("tr");

consolelog(tr);

});

$("tr :checkbox:not(:checked)")each(function(i,dom){

var tr = $(dom)closest("tr");

var tds = trfind("td");

consolelog(tds);

});

<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、首先自己编写了一个网页。

2、如图,在浏览器中打开网页。然后//div,就可以找到页面中的所有div了,因为//表示的是任意目录下查找。如图,页面有两个div,所以可以找到两个。

3、还可以用类来排除多余的div,比如要查找类为a的div,可以在div后面用[@class="类名"]来指定,这样没有类名a的div就会被过滤掉,当然,还可以用id,把class改为[@id="id名"]即可。

4、那么如果想找div下面的a标签怎么办,同样,还是用//,这样div下面的非a标签就会被跳过,直接去找a标签。

5、如果要获取a标签的href,那么可以获取到a标签后用/@href即可获得。

6、如果是获取文本的话,可以用text()这个方法,就会得到a标签里面的内容。

7、如图,斜杠/表示的是获取子元素,比如div下面有两个子元素p,那么//div[2]/p获取的就是第二个div的子元素p。这样简单的xpath就分析完了。

js获取表格中每行的td元素方法:

<script>

var tb = documentgetElementById("tb");  //根据id找到这个表格

    var rows = tbrows;               //取得这个table下的所有行

    for(var i=0;i<rowslength;i++)//循环遍历所有的tr行

    {

      for(var j=0;j<rows[i]cellslength;j++)//取得第几行下面的td个数,再次循环遍历该行下面的td元素

      {

         var cell = rows[i]cells[j];//获取某行下面的某个td元素

       alert("第"+(i+1)+"行第"+(j+1)+"格的数字是"+cellinnerHTML);//cellinnerHTML获取元素里头的值  

}

}

</script>

拓展使用jq几行命令就能实现获取td的值

$("#tb tr td")each(function(i, v){    //针对tb表格下的所有td进行遍历

        alert("第"+(i + 1)+"格的数字是"+$(this)text());//返回当前td下的值

})

使用jquery提供的两个选择器实现:

:first

选择器选取第一个元素

:last

选择器选取最后一个元素。

因此,抓取tbody下的第一个tr的最后一个td里面的第一个a标签可以使用如下代码:

$("table tr:first td:last a:first");实例演示:隐藏tbody下的第一个tr的最后一个td里面的第一个a标签

1

创建Html元素

点击按钮隐藏第一个a标签:

打酱油

打酱油

第1个a标签

第2个a标签

第3个a标签

打酱油

打酱油

第1个a标签

第2个a标签

第3个a标签

打酱油

打酱油

打酱油

你每个<td>的ID是用ASP的变量P作为名称的呀,看了你的程序,好像第一个就是1,第二个就是2,……

不过建议你不要用整数作为id,我没有测试这样是否正确,只是直观上觉得容易混淆,建议把:

id="<%=p%>"

修改为:

id="td<%=p%>"

这样修改以后,每个<td>的ID就依次是td0、td1、td2……,想设置哪个都非常方便

第二个不d窗是因为你的test是null,已经在报错了,所以没有d窗

而对于第一个,你需要在页面加载完成之后才能获取到对象!也就是把 script 的放到table 的后面

<head>

<meta >

以上就是关于一个table有多行,怎样确定被选中的是第几行,然后遍历未被选中的行,获取其中的某个td全部的内容,包括:一个table有多行,怎样确定被选中的是第几行,然后遍历未被选中的行,获取其中的某个td、怎样获取这个td是tr里面第几个td、xpath能获取div下的所有tr中的td内容么等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9293857.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存