js多重循环遍历渲染

同时可以点击显示出价第一行，再次点击显示全部出价
css

	.auction-bottom{
		display: none;
	}
	.auction-active{
		display: block;
	}

html

<div class="fui-content navbar cart-list">
</div>

js

<script type="text/javascript">
	var get_page = 1
	getlist(get_page)
	function getlist(get_page){
		$.ajax({
			type:'post',
			url:"{php echo mobileUrl('order.auction.my_auction_info')}",
			data:{
				page:get_page
			},
			success:function(res){
				console.log('查看返回数据',JSON.parse(res))
				var getlist = JSON.parse(res).result
				// 循环遍历获取数据
				for (var i=0;i<getlist.length; i++) {
					var str ='<div class="auction-content"><div class="auction-list"><div class="auction-listtop"><div class="auction-listtop-left"><img src="'+getlist[i].thumb+'" ></div><div class="auction-listtop-right"><div class="auction-listtoptitle">'+getlist[i].title+'</div><div class="auction-liststartprice">起拍价：￥'+getlist[i].marketprice+'</div></div></div></div></div>'
					$('.cart-list').append(str)
					var pricelist = getlist[i].offer
					var strs = '<div class="auction-bottom auction-bottomaddF auction-active"><div class="auction-bottomleft"><div class="auction-bottomlefttext">我的出价</div><span class="">￥'+pricelist[0].offer_price+'</span></div><div class="auction-bottomright"><div class="auction-bottomright-date"></div><div class="auction-bottomright-time">'+pricelist[0].createtime+'</div></div></div>'
					$('.cart-list').find(".auction-list").eq(i).append(strs);
					// 循环获取出价
					for (var j=0;j<pricelist.length;j++) {
						var strs = '<div class="auction-bottom auction-bottomadd"><div class="auction-bottomleft"><div class="auction-bottomlefttext">我的出价</div><span class="">￥'+pricelist[j].offer_price+'</span></div><div class="auction-bottomright"><div class="auction-bottomright-date"></div><div class="auction-bottomright-time">'+pricelist[j].createtime+'</div></div></div>'
						$('.cart-list').find(".auction-list").eq(i).append(strs);
					}				
				}
			},
			error:function(res){
				console.log('失败返回数据',res)
			}
		})
	}
	$(function(){
		$('.cart-list').on('click','.auction-list',function(){
			if ($(this).children().filter(".auction-bottomaddF").hasClass('auction-active')) {
				console.log(13123123)
				$(this).children().filter(".auction-bottomaddF").removeClass('auction-active')
				$(this).children().filter(".auction-bottomadd").addClass('auction-active')
			} else{
				console.log(333333)
				$(this).children().filter(".auction-bottomadd").removeClass('auction-active')
				$(this).children().filter(".auction-bottomaddF").addClass('auction-active')
			}
			
		})		
	})
</script>