jquery遍历table tr td获取放进数组转为对象传入后台

13人阅读 评论(0) 收藏 举报
分类:

小伙伴们一定遇到需要对table每行tr或者每列td进行循环遍历,把值取出来再放进一个数组里。然后转为一个对象传给后台吧,话不多说直接上代码

//确定
$("#sure").click(function(){
//定义一个数组
var arrayColumn = new Array();
    var trList = $("#getRows").children("tr");
    for (var i=0;i<trList.length;i++){

    var ColumnList = new Object();   //定义一个对象


//  var tdArr = trList.eq(i).find("td");
// 
//  var banner_android_pro = tdArr.eq(1).find("p img").attr("src");    //前景图
//  var banner_android_back = tdArr.eq(3).find("p img").attr("src");   //背景图
//  var banner_android_jump_type = tdArr.eq(5).find("select option:selected").attr("value");   //跳转类型
// 
//  if(banner_android_jump_type == 2){       //配置跳转
//  var banner_android_configuration_jump = tdArr.eq(6).find("select option:selected").attr("value");
//  }
//  if(banner_android_jump_type == 3){
//  var banner_android_configuration_jump = tdArr.eq(6).find("input[type='text']").attr("value");
//  }
// 

//  alert(banner_android_configuration_jump);


上面这一段注释是遍历每一列td的因为项目需求最后要一行,所以我注释了,下面是遍历tr的每一行

//alert(i);
var trArr = trList.eq(i);
//alert(trArr);
var banner_android_pro = trArr.children("td").eq(1).find("p img").attr("src");    //前景图
ColumnList.foregroundUrl = banner_android_pro;
var banner_android_back = trArr.children("td").eq(3).find("p img").attr("src");   //背景图
ColumnList.backgroundUrl = banner_android_back;
var banner_android_jump_type = trArr.children("td").eq(5).find("select option:selected").attr("value");   //跳转类型
ColumnList.srcType = banner_android_jump_type;
if(banner_android_jump_type == 2){      //配置跳转
var banner_android_configuration_jump = trArr.children("td").eq(6).find("select option:selected").attr("value");
ColumnList.refCode = banner_android_configuration_jump;
}
if(banner_android_jump_type == 3){
var banner_android_configuration_jump = trArr.children("td").eq(6).find("input[type='text']").attr("value");
ColumnList.refCode = banner_android_configuration_jump;
}
ColumnList.homeType = 1;  //首页banner类型
ColumnList.deviceType = "android";  //
//将ColumnList对象放进arrayColumn数组中
arrayColumn.push(ColumnList);

    }
    console.log(arrayColumn);
    //调用后台接口将参数传入
    $.ajax({
    type:"post",
    url:config.url+"/home/updateBanners",
    async:true,
    dataType:"json",
    data:{
    "token":window.sessionStorage.tokenbody,
    "banners":JSON.stringify(arrayColumn)
    },
    success:function(data){
    if(data.errcode == 0){
    layer.msg("添加成功",{
icon:1,
time: 2000,
end:function(){
window.location.href="#/homemanagement";
}
});
    }
    if(data.errcode != 0 && data.errcode != 103){
layer.msg(data.errmsg);
}
    if(data.errcode == 103){
layer.msg(data.errmsg+",将于2秒后自动跳转到登录页");
setTimeout('window.location.href="../../../LxarMirage/login.html"',2000);
}
    },
    error:function(){
    layer.msg("系统繁忙,请联系管理员");
    }
    });

   });


顺便还给小伙伴们一个ajax标准的调用后台呢

查看评论

jquery遍历table的tr获取td的值实现方法

jquery遍历table的tr获取td的值实现方法 下面小编就为大家带来一篇jquery遍历table的tr获取td的值实现方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考...
  • u010523770
  • u010523770
  • 2016-08-20 18:15:58
  • 6288

jQuery 获取遍历获取table中每一个tr中的第一个td

" onclick='remove_selected(this);'/> "/> var leng = $("#already_question_list t...
  • u013931660
  • u013931660
  • 2016-03-24 18:30:53
  • 5598

汇总常用的jQuery操作Table tr td方法

原文   http://blog.cnsolomo.com/ld/web/210.htm l 虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用tabl...
  • yy954744913
  • yy954744913
  • 2016-07-20 14:28:24
  • 13740

jQuery 遍历Table中tr中的td中的内容

1、$("#trID td").text()得到的是一个所以trID之中td的值 返回一个字符串。 2、$("#trID").children 得到一个trID下的所有td,然后遍历$("#trID...
  • guirudaoge
  • guirudaoge
  • 2011-11-28 22:24:58
  • 52921

Html 使用Jquery循环取Table中的值,并装载到数组中

JS Code: $("#btnSave").click(function(){                     var arrayColumn=new Array();    ...
  • qq285679784
  • qq285679784
  • 2014-08-11 17:54:17
  • 3112

jq获取tr中td的值(forEach遍历)

编号             id             usrName             password             email             地址   ...
  • InnovationAD
  • InnovationAD
  • 2017-06-30 21:25:36
  • 2381

jQuery遍历table中的tr td并获取td中的值

jQuery遍历table中的tr td并获取td中的值 $(function(){      $("#tableId tr").find("td").each(function(){    va...
  • you23hai45
  • you23hai45
  • 2014-08-25 22:17:30
  • 4774

用jQuery获取table中行id和td值

点击 ...
  • qq_27918787
  • qq_27918787
  • 2016-09-19 15:37:35
  • 3658

jquery 读取table tr td值完成修改功能

var $td=$(td).parents('tr').children('td'); $("#seshu").val($td.eq(0).find('input').val()); $("#js...
  • amohan
  • amohan
  • 2012-08-06 12:44:31
  • 17668

遍历table中的tr td

function bianli() { $("#tset").find("tr").each(function() { var tdArr = ...
  • hangyejiadao
  • hangyejiadao
  • 2017-05-05 13:10:57
  • 472
    个人资料
    等级:
    访问量: 76
    积分: 61
    排名: 168万+
    文章分类
    文章存档