您现在的位置:首页 >> 前端 >> 内容

动态添加行及之后的排序

时间:2017/8/23 9:11:00 点击:

  核心提示:1.动态添加行目前我知道是有俩种方式 一 是通过添加模板来寻找当前tr的最后一行 二 异步请求返回一个页面例:var tr=$(tr[name=tr_price]);var lastTR=$(tr[_...
1.动态添加行目前我知道是有俩种方式
   一 是通过添加模板来寻找当前tr的最后一行
   二 异步请求返回一个页面
例:
        var tr=$("tr[name='tr_price']");
            var lastTR=$("tr[_count]").last();
            //$("tr[_count]")是jquery属性选择器
            var _count=parseInt(lastTR.attr("_count"));
            //获取索引值 并给下一个页面加1
            var count=_count+1;
            var url="/b2b/iticket/sgd/airb2bpnrimport/viewb2b_gj_pnr_import_price_add?notitle=1&count="+count+"&rand="+new Date();
            $.ajax({
                url:url,
                type:"post",
                datatype:"html",
                data:{},
                success:function(html){
                    tr.last().after(html);
                    priceNo();
                }
            });
思路:获得当前所在行的tr,找到最后一个tr或者p
上面的url是controller前名字加上jsp
tr.append(html);
2.添加后可能涉及到排序的话直接写一个排序的方法
$("p[name='p_passenger']").each(function(i,obj){
                $(obj).find("i[name='passengerNo']").text(i+1);
                $(obj).attr("data-passengerNo",i+1);
            })
给p或者tr一个自定义属性。动态添加后获取多有的自定义属性,并进行给值。

作者:网络 来源:qiumeng_13