javascript - 新手：地址列表里ajax请求的数据，怎样根据默认地址的id显示该地址的默认标签？

问题描述

问 题

如图，是ajax请求的数据，下面是铺商品的代码`

    $.ajax({
        url:PROTOCOL+SERVERS_PATH+PORT+CONTEXT_PATH+"/index.php?route=account/myaddress",

        data:data,
        type:"get",
        success:function(data){
            var addresses = data['addresses'];
            default_id=data['defautl'];
            for(var i=0;i<addresses.length;i++){
                var id = "checkbox"+i;
                var addr_id=addresses[i]['address_id'];
                var update = "add_address.html?"+addresses[i]['update'].split(";")[1];
                var li_addr = "<li class=\"row item\" id="+addr_id+">"+
                                    "<div class=\"col-xs-2 iradio\">"+
                                        "<input type=\"radio\" class=\"c-box\" id="+id+" name=\"radio\">"+
                                        "<label for="+id+"></label>"+
                                    "</div>"+
                                    "<div class=\"col-xs-8 clearfix\">"+
                                        "<p class=\"name-tel\">"+
                                            "<span class=\"name\">"+addresses[i]['fullname']+"</span><span class=\"tel\">"+addresses[i]['shipping_telephone']+"</span><span class=\"on-de\">默认</span>"+
                                        "</p>"+
                                        "<p class=\"m-address\"><span class=\"country\">"+addresses[i]['country']+"</span><span class=\"zone\">"+addresses[i]['zone']+"</span><span class=\"city\">"+addresses[i]['city']+"</span></p>"+
                                        "<p class=\"full-address\">"+addresses[i]['address']+"</p>"+
                                    "</div>"+
                                    "<div class=\"col-xs-1\">"+
                                        "<a href="+update+">"+
                                            "<span class=\"glyphicon glyphicon-pencil modify\"></span>"+
                                        "</a>"+
                                    "</div>"+
                                    "<div class=\"col-xs-1\">"+
                                        "<div>"+
                                            "<span class=\"glyphicon glyphicon-remove remove\" onClick=\"del(this)\"></span>"+
                                            "<input type=\"hidden\" name=\"del-url\" value="+addresses[i]['delete']+">"+
                                        "</div>"+
                                    "</div>"+
                                    
                                "</li>";
        ///////////////////我想在这里设置默认地址显示默认标签////////////////////////
                if(addr_id==default_id){
                    $(".on-de").show();   //.on-de是默认标签的类，我设置了display:none;
                }else{
                    //$(".on-de").hide();
                }
        ///////////////////////////////////////////////////////////////////////////
                $("#addresses-list").prepend(li_addr);
            }

        }

    });

`

解决方案

看了下楼主已经知道实现原理了，只是没有达到正确的效果对吧

 if(addr_id==default_id){
                    $(".on-de").show();   //.on-de是默认标签的类，我设置了display:none;
                }else{
                    //$(".on-de").hide();
                }

这里的 $(".on-de")这个选择器有问题，你应该使用对应的id去显示（之前全部隐藏就不用再隐藏一次了）

    $('#'+addr_id).find('.on-de').show();

这篇关于javascript - 新手：地址列表里ajax请求的数据，怎样根据默认地址的id显示该地址的默认标签？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！