JS 添加模板

在开发过程中经常会用到一个 模板 出来多次去操作的情况

表结构 1对多 所以从表数据多个 

页面处理一般就是将这个模板的 内容外面加一个div 然后 display 隐藏  当需要添加一个模板将内容append出来

由于最后还是要对所有模板出来的内容进行数据处理  所以是根据name 来处理的  

注意的是模板其实只是一个空模板，当去处理数据的时候 要注意排除空模板 用gt(0) 选择器

eg:

//获取从表 
            var ListPlace = [];//匿名模拟从表 地方集合
            $(".ptf__destination:gt(0)").each(function () {
                var place = {}           
                var region = $(this).find("select").eq(0).val(); //区域的值
                var regionname = $(this).find("select").eq(0).find("option:selected").text(); //区域的值       
                var country = $(this).find("select").eq(1).val(); //国家的值
                var countryname = $(this).find("select").eq(1).find("option:selected").text(); //国家的值
                //找到checkbox所有遍历找到选中的
                var cityidlist = "";
                var citynamelist = "";
                $(this).find("input[type='checkbox']").each(function (i, v) {

                    if (v.checked == true) {
                        cityidlist = cityidlist + "," + v.id;
                        citynamelist = citynamelist + "," + $(v).parent().next().text();
                    }

                });
                place.RegionId = region;
                place.RegionName = regionname;
                place.ConutyId = country;
                place.ConutyName = countryname;
                place.CityId = cityidlist == "" ? cityidlist : cityidlist.substring(1);
                place.CityName = citynamelist == "" ? citynamelist : citynamelist.substring(1);
                ListPlace.push(place);
            });