您的位置:首页 > 其它

使用jq对表格数据进行操作

2017-10-18 09:34 253 查看
1、从循环行中找到某列的值

用javascript从tr中分别获得每个td的元素

<script>
    var tb = document.getElementById("tb");  //根据id找到这个表格
    var rows = tb.rows;               //取得这个table下的所有行
    for(var i=0;i<rows.length;i++)//循环遍历所有的tr行
    {
      for(var j=0;j<rows[i].cells.length;j++)//取得第几行下面的td个数,再次循环遍历该行下面的td元素
      {
         var cell = rows[i].cells[j];//获取某行下面的某个td元素
         alert("第"+(i+1)+"行第"+(j+1)+"格的数字是"+cell.innerHTML);//cell.innerHTML获取元素里头的值      
        }
    }
</script>




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

$('.tr1').each(function (){
/*获取两列值,并将两列求和*/
var s1 = $(this).find(".s1").val();
    var s2 = $(this).find(".s2").val();
    $(this).find(".total").val(parseInt(s1)+parseInt(s2));
)}


2、将循环行中的某列值求和

var sum = document.getElementsByName("total");
/* 1、获取总和(相同列) */
for (var i = 0; i < sum.length; i++) {
sumValue +=parseFloat(sum[i].value);
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐