javascript - ajax返回数据最后一条排列错误

Question

请求到一组数据

对其排序做了处理

            $.ajax(
            {
                ////获取1级导航
                url: "/resource/menus/"+pid+".do",
                cache: false,
                dataType:"json",
                success: function(jsonData){
                    var liArr = []; 
                    var _li = '';
                    console.log(jsonData);
                    $.each(jsonData, function(i,e){
                        if(e.url==null|| e.url==""){
                            e.leaf = 0;
                        }else{
                            e.leaf = 1;
                        }
                    if(e.leaf ===0){
                        _li = "<li><a class='crP' data-id = "+e.id+" onClick = 'getSlideMenu(0)'>"+e.name+"</a></a>";
                    }
                    liArr.push($(_li));
                });

结果最后一列显示有问题，

问题出在哪呢？

Answer 1

因为你最后一项的leaf不等于0，所以_li没有被重新赋值，仍然是上一项的值，所以最后一项就跟倒数第二项相同。

Answer 2

这样写

if(e.leaf ===0){
    liArr.push($("<li><a class='crP' data-id = "+e.id+" onClick = 'getSlideMenu(0)'>"+e.name+"</a></a>"));
}