您现在的位置是:首页 > 学无止境> 程序人生网站首页慢生活

前端将多行数据存在数组里,传到后台

张帅2019-11-01 44114人围观
简介 用最简单的代码,实现瀑布流布局,没有繁琐的css,没有jq,只需要做到以下就可以实现瀑布流的效果。思路很简单,看成是三列布局,分别用三个ul来调用。帝国cms列表模板,...

需求:要将多行的数据先存在数组中,再传到后台

结果:

html:先把你所有的外层li都加个相同的类名,遍历这些li。(因为里面还有li,不然就会把里面的li也选上,就会导致多个结果的情况。具体情况具体分析)

 每行里面一样的,起同一个类名,键值就根据这个类名来获取值

js代码如下:

$(".button").click(function(){
  var arr = [];
  var lis = $("#cure_yaofang .lili");
  for ( var i = 0; i < lis.length; i++) {
  var item = {
    "yf" : $(".yf").eq(i).val(),
    "jl" : $(".jl").eq(i).val(),
    "kf" : $(".kf").eq(i).val()
  };
  arr.push(item);
  }
  console.log(arr);
})

 


文章评论

    已有 3 条评论

    TheBaiRuo

    名称:妙笔生花
    简介:一生很长,会遇见很多出现在你生命中的过客!
    网址: https://blog.zh66.club
    LOGO:http://blog.zh66.club/usr/themes/Miracles/favicon.ico

    妙笔生花 2019-11-01 14:44

    TheBaiRuo

    名称:皮皮家园
    简介:要让平凡的每一天,变得不再平凡!
    网址: https://www.zh66.club
    LOGO:https://cdn.jsdelivr.net/gh/Zevs6/CDN@3.0/img/avatar.jpg

    皮皮家园 2019-11-01 20:44

    admin

    小伙伴们快来评论留言吧!

    admin 2019-11-01 11:15

    添加新评论