有关JavaScript获取tr td方法总结

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

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

//     $('#selectIds').val("");
//      var table = document.getElementById("tb_table");//获取第一个表格 
//      var array = table.getElementsByTagName("tr");//所有tr
//      for(var i = 1; i <p><br> <br>   /* jQuery的写法，获取到tr然后遍历所有的td。注意td获取值是.text(); */<br></p><p class="jb51code"><br></p><pre class="brush:js;">//   $('#selectIds').val("");
//   var isFirst = true;
//    $("#tb_table").find("tr").each(function(){
//      var tdArr = $(this).children();
//      var idtext = tdArr.eq(1).text();
//      if(idtext != '人员ID'){
//        if(isFirst){
//        $('#selectIds').val($('#selectIds').val() + "" + idtext); 
//        isFirst = false
//        }else{
//          $('#selectIds').val($('#selectIds').val() + "," + idtext);
//        }
//      console.log("idtext",idtext);
//      }
//    })

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

//   var table = document.getElementById("tb_table");
//   var rows = table.rows;//获取所有行
//   console.log("lenth",rows.length) //
//   for(var i=1; i <p><span style="color: #ff0000"><strong>总结：</strong></span></p><p>$(this).children().eq(1).text()获取的是显示的值</p><p>$(this).children().eq(1).html()获取的是</p><td></td>之间的所有内容<p>$('.trSelected',grid).find("td").eq(7).text();获取的是选中的某行的内容</p><p>设置值：$('.trSelected',grid).find("td").eq(7).text(‘'设置内容‘')</p><p>xxx.innerHTML; 是js里面获取对象的值。</p><p>遍历表</p>

$("#grid tr").each(function() {
             alert($(this).children().eq(1).text());
 });

用JavaScript来遍历

function load(){
   var tab=document.getElementById("grid");
   var rows=tab.rows;
   alert(rows.length);
   for(var i=0;i<rows.length></rows.length>

Java免费学习笔记：立即学习
解锁 Java 大师之旅：从入门到精通的终极指南