同时可以点击显示出价第一行,再次点击显示全部出价
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>