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>"));
}