js遍历ajax请求接口返回来的二维数组,并将数据渲染到页面

html页面:

综合
一手
二手

css:

.cur{width: 41px; border-bottom: 1px solid #ffffff; padding-bottom: 2px;font-weight: bold}

js:

// 点击按钮切换数据
$('.change-data').on('click', function() {
        var info = $(this).data('info');
        var type = $(this).data('type');
        var memberCode = $('#memberform-memberinfo-membercode').val();
        
         $.get('/member/get-special-like', {'info':info,'type':type,'code':memberCode}, function(res){
             console.log(res.data);
                if (res.error > 0) {
                    toast(res.message);
                    return false;
                } else {
                    var html = '';
                    var numberArr = ['①','②','③','④','⑤','⑥','⑦','⑧','⑨','⑩'];
                    $.each(res.data,function(i,n){
					    html +=""+numberArr[i]+' '+n.brandName+"-"+n.percent+"%";
					});
                    $('#'+info).html(html);
                }
                
            }, 'json');
         
         //父节点的兄弟节点的儿子
        $(this).parent().siblings().children().removeClass('cur');
        
        $(this).addClass('cur');
        
    })

res.data 打印结果:
js遍历ajax请求接口返回来的二维数组,并将数据渲染到页面_第1张图片
渲染效果:
js遍历ajax请求接口返回来的二维数组,并将数据渲染到页面_第2张图片

你可能感兴趣的:(js,js)