数组搜索查询(二)

 

        //获取车型品牌
		var Da = '';

		function carbrand() {
			console.log(1);
			$.get(mycarhttp + '/api/brands?open_id=test&token=1ae954cfb7b05eb7f885524d6ef4a2c4', function(data) {
				console.log(data);
				Da = data.data;
				var data = data.acronym_keys;
				//顶部tap
				var carshow = '<span data-name=""  data-label="" data-pid="" style="margin-right: 10px;padding: 5px;background: #1890FF;border-radius:5px ;color: #FFF;" onclick="tapcar(this)">全部</span>';
				for(var k = 0; k < data.length; k++) {
					carshow += '<span style="margin-right: 10px;padding:5px;background: #fff;border-radius:5px ;" data-label="" data-pid="" data-name="' + data[k] + '"  onclick="tapcar(this)">' + data[k] + '</span>';
				}
				$('#carshow').html(carshow);
				listshow(Da, '');
			})
		}

		//点击小tap显示列表
		function tapcar(t) {
			$(t).parent().find('span').css('background', 'transparent').css('color', ' #000');
			$(t).css('background', '#1890FF').css('color', ' #fff');
			var dname = $(t).attr('data-name');
			var data = Da;
			listshow(Da, dname);
		}
		//列表渲染
		function listshow(data, ser) { //传数据,搜索的值
			var str = '';
			var arow = data;
			var brow = data;
			var row = data;
			if(ser != '') {
				var row = [];
                       //数组搜索 数组对象 搜索的字段 值
				arow = findarray(data, 'area_name', ser); //按产地
				brow = findarray(data, 'acronym', ser); //按首字母
				row = arow.concat(brow);//两个数组合并
			}
			console.log(row);
			for(var i = 0; i < row.length; i++) {
				str += '<li>' +
					'<a href="modelslist.html?dd=' + row[i].name + '">' +
					'<img style="height: 58px;" src="https://cdns.007vin.com' + row[i].img + '" />' +
					'<p>' + row[i].name + '</p>' +
					'</a>' +
					'</li>';
			}
			$('#carlist').html(str);
		}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值