
$("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内容么等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)