怎样动态循环的添加元素到div并且分页显示

zhangzy_java 发布于 2018/04/24 16:11
阅读 557
收藏 0

$(function(){    
      var msg='${msg}';
      alert(msg);
      $.ajax({
            url:"<%=basePath%>cartListInfo",
            type:"get",
            dataType:"json",
            success:function(data){
                if(data!=null){
                    for (var i = 0; i < data.length; i++) {
                
                        var divs="<div class='order_content'>"+
                        "<ul class='order_lists'>"+
                            "<li class='list_chk'>"+
                                "<input type='checkbox'  class='son_check'>"+
                                "<label></label>"+
                            "</li>"+
                            "<li class='list_con'>"+
                                "<div class='list_img'><a href='javascript:;'><img src='/images/div211.jpg' alt=''></a></div>"+
                                "<div class='list_text'></div>"+
                            "</li>"+
                            "<li class='list_info'>"+
                            "</li>"+
                            "<li class='list_price'>"+
                            "</li>"+
                            "<li class='list_amount'>"+
                                "<div class='amount_box'>"+
                                    "<a href='javascript:;' id='low' class='reduce reSty'>-</a>"+
                                    "<input type='text' value='1' class='sum'>"+
                                    "<a href='javascript:;' id='plus' class='plus'>+</a>"+
                                "</div>"+
                            "</li>"+
                            "<li class='list_sum'>"+
                            "</li>"+
                            "<li class='list_op'>"+
                            "</li>"+
                        "</ul>"+
                
                    "</div>";
                    $('.cartBox').append(divs);
                    var checkbox="checkbox_"+i;
                    $('.list_chk').find('input').attr('id',checkbox);
                    $('.list_chk').find('label').attr('for',checkbox);
                        var id=data[i].itemId;
                        var href="<%=basePath%>item/detail?itemId=1";
                        var title ="<a id='href'>"+data[i].title+"</a>";
                        
                        var p1="<p>规格:"+data[i].itemType+"</p><p>尺寸:"+data[i].itemSize+"</p>";
                        
                        var p2="<p class='price'><span>¥</span>"+data[i].price+"</p>";
                        
                        var p3="<p class='sum_price'><span>¥</span>"+data[i].totalFee+"</p>";
                        
                        var p4="<p class='del'><a href='#' class='delBtn'>移除商品</a></p>";
                        
                    }
                    $('.list_text').append(title);
                    $('#href').attr("href",href);
                    $('.list_info').append(p1);
                    $('.list_price').append(p2);
                    $('.list_sum').append(p3);
                    $('.list_op').append(p4);
                    
                }else{
                    alert("[你还未添加任何商品]");
                    $('.cartBox').attr("style","display=none");
                }
                
                    
                }            
            
        }); 
           $(".td").mouseover(function(){
            $(this).css("background-color","#A9A9A9").css("color","white");
        }).mouseout(function(){
            $(this).css("background-color","white").css("color","black");
        }); 
        
        $(".del").click(function(){
        return confirm("确定要删除吗?");    
        });
        
  });

加载中
0
zhangzy_java
zhangzy_java

这样添加是有问题的,求助

 

返回顶部
顶部