zoukankan      html  css  js  c++  java
  • jquery .map() 和 .each()函数结合使用

    需求:页面动态添加的html元素(如div),保存时组装div中的数据为一个json对象。

    思路:遍历每个div,再遍历div中每个输入元素,把所有先把数据放到一个对象中,再添加进数组,Json.stringfy()序列化。

    简单效果图:

    点击加号“+”,可以动态添加。

    function getCurrentCustomePrice() {
        var cuspricelist = new Array();
        _.map($("#tabLinePriceType .baojia"), function (n) {
            var comment = {};
            $(n).find("input").each(function () {
                switch ($(this).attr("type")) {
                    //自定义报价类型
                    case "hidden":
                        comment.custypeid = $(this).val();
                        break;
                    case "checkbox":
                        if ($(this).val() == "0" && $(this).is(":checked")) {
                            comment.manprice = 1;
                            break;
                        }
                        else if ($(this).val() == "1" && $(this).is(":checked")) {
                            comment.childprice = 1;
                            break;
                        }
                        break;
                    case "text":
                        switch ($(this).attr("name").substring($(this).attr("name").lastIndexOf('.') + 1, $(this).attr("name").length)) {
                            case "price":   //成人同行价
                                comment.price = $(this).val(); break;
                            case "pricechild":  //儿童同行价
                                comment.pricechild = $(this).val(); break;
                            case "mprice":   //成人市场价
                                comment.mprice = $(this).val(); break;
                            case "mpricechild": //儿童市场价
                                comment.mpricechild = $(this).val(); break;
                            case "sprice"://网上优惠价
                                comment.sprice = $(this).val(); break;
                            case "spricechild":   //儿童网上优惠价
                                comment.spricechild = $(this).val(); break;
                        }
                        break;
                }        
            });
            cuspricelist.push(comment);  //加入数组
        })
        return cuspricelist;
    }
    

      

  • 相关阅读:
    Meteor + node-imap(nodejs) + mailparser(nodejs) 实现完整收发邮件
    详解log4j2(上)
    循序渐进之Spring AOP(6)
    循序渐进之Spring AOP(5)
    循序渐进之Spring AOP(3)
    循序渐进之Spring AOP(4)
    循序渐进之Spring AOP(2)
    循序渐进之Spring AOP(1)
    通俗的解释JAVA wait/notify机制
    开发高性能JAVA应用程序基础(内存篇)
  • 原文地址:https://www.cnblogs.com/meng9527/p/9920620.html
Copyright © 2011-2022 走看看