当前位置:Gxlcms > JavaScript > JavaScript获取trtd的三种方式(图文教程)

JavaScript获取trtd的三种方式(图文教程)

时间:2021-07-01 10:21:17 帮助过:113人阅读

这篇文章主要介绍了JavaScript获取tr td 的三种方式,具体操作步骤大家可查看下文详细讲解,感兴趣的小伙伴们可以参考一下。

/* 第一种,原生的js,先获取table然后获取tr标签,然后遍历td */

/* jQuery的写法,获取到tr然后遍历所有的td。注意td获取值是.text(); */

/* 原生js获取所有行,再获取每个单元格 */

总结:

$(this).children().eq(1).text()获取的是显示的值

$(this).children().eq(1).html()获取的是<td></td>之间的所有内容

$('.trSelected',grid).find("td").eq(7).text();获取的是选中的某行的内容

设置值:$('.trSelected',grid).find("td").eq(7).text(‘'设置内容‘')

xxx.innerHTML; 是js里面获取对象的值。

遍历表<table id="gird".....
$("#grid tr").each(function() {
alert($(this).children().eq(1).text());
});

用JavaScript来遍历

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

原生JS封装淡入淡出效果函数步骤详解

JS生成时间列表并输出

angularjs自定义缓存使用案例详解

以上就是JavaScript获取tr td 的三种方式(图文教程)的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行