适用于多列数据平铺.车辆品牌循环赋值

//html
<div class="cartitle">A</div>
			<ul class="brand-list brand-list-A">
		
			</ul>
			<div class="cartitle">B</div>
			<ul class="brand-list brand-list-B">
					
			</ul>
			<div class="cartitle">C</div>
			<ul class="brand-list brand-list-C">
					
			</ul>
			<div class="cartitle">D</div>
			<ul class="brand-list brand-list-D">
					
			</ul>
			<div class="cartitle">E</div>
			<ul class="brand-list brand-list-E">
					
			</ul>
			<div class="cartitle">F</div>
			<ul class="brand-list brand-list-F">
					
			</ul>
			<div class="cartitle">G</div>
			<ul class="brand-list brand-list-G">
					
			</ul>
			
			<div class="cartitle">H</div>
			<ul class="brand-list brand-list-H">
					
			</ul>
			<div class="cartitle">I</div>
			<ul class="brand-list brand-list-I">
					
			</ul>
			<div class="cartitle">G</div>
			<ul class="brand-list brand-list-G">
					
			</ul>
			<div class="cartitle">K</div>
			<ul class="brand-list brand-list-K">
					
			</ul>
			<div class="cartitle">L</div>
			<ul class="brand-list brand-list-L">
					
			</ul>
			<div class="cartitle">M</div>
			<ul class="brand-list brand-list-M">
					
			</ul>
			<div class="cartitle">N</div>
			<ul class="brand-list brand-list-N">
					
			</ul>
			<div class="cartitle">O</div>
			<ul class="brand-list brand-list-O">
				
			</ul>
			<div class="cartitle">P</div>
			<ul class="brand-list brand-list-P">
					
			</ul>
			<div class="cartitle">K</div>
			<ul class="brand-list brand-list-K">
					
			</ul>
			<div class="cartitle">R</div>
			<ul class="brand-list brand-list-R">
					
			</ul>
			<div class="cartitle">S</div>
			<ul class="brand-list brand-list-S">
					
			</ul>
			<div class="cartitle">T</div>
			<ul class="brand-list brand-list-T">
					
			</ul>
			<div class="cartitle">U</div>
			<ul class="brand-list brand-list-U">
					
			</ul>
			<div class="cartitle">V</div>
			<ul class="brand-list brand-list-V">
					
			</ul>
			<div class="cartitle">W</div>
			<ul class="brand-list brand-list-W">
					
			</ul>
			<div class="cartitle">X</div>
			<ul class="brand-list brand-list-X">
					
			</ul>
			<div class="cartitle">Y</div>
			<ul class="brand-list brand-list-Y">
					
			</ul>
			<div class="cartitle">Z</div>
$.ajax({
		url: url,
		type: 'post',
		data: {},
		header: {
			contentType: 'text/json,charset=utf-8'
		},
		success: function(e) {
			//循环赋值
			barnd(e);
		},
		error: function(error) {
			console.log("++++++++++++++++", error)
		},

	})
//js
function barnd(arr) {
		var englist = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T",
			"U", "V", "W", "X", "Y", "Z"
		];
		for (var i = 0; i < englist.length; i++) {
			var vo = englist[i];
			var list = new Array();
			list = fun001(vo, arr);
			if (list.length > 0) {
				var brandList = '';
				for (var ii = 0; ii < list.length; ii++) {
					var value = list[ii];
					brandList += "<li  class='brand-item' value=" + value.id + " >";
					brandList += "<div class='brand-item-img'>";
					brandList += "<img src=" + value.img + " />";
					brandList += "</div>"
					brandList += "<div class='brand-item-title'>" + value.name + "</div>";
					brandList += "</li>";
				}
			}
			$('.brand-list-' + vo).append(brandList)
			//vo即ABCDEFG
		}
	}

	function fun001(vo, arr) {
		var ar = new Array();
		var num = 0;
		for (var ii = 0; ii < arr.length; ii++) {
		//lnitialletter为数据分组判断依据 
			if (arr[ii]['lnitialletter'] == vo) {
				ar[num] = arr[ii];
				num++;
			}
		}
		if (ar) {
			return ar;
		}
	}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值