使用ajax去获取内容,然后通过$().html()去加载时,如何修改加载的这些内容的样式

  • search/pageShow返回的数据
    返回的数据
$.get("search/pageShow",{currentPage:currentPage},function(pb){
			 console.log(pb);
			
			 //数据展示
			 var route_lis ="";
			 //
			for(var i=0;i<pb.list.length;i++){
				var d = pb.list[i];
				var count = 0;
				var li = 
	          '<div class="firstDemo">\n' +
	          '<div class="demoL">\n' +
	          '<img id="imgL" src="'+d.rimg+'" class="demoImg" >\n' +
	          '</div>\n' +
	          '\n' +
	          '<div class="demoWord">\n' +
	          '<div class="wTop">\n' +
	          '<span id="word">'+d.rname+'</span>\n' +
	          '</div>\n' +
	          '<div class="wLow">\n' +
	          '<div class="lowL">\n' +
	          '¥<span class="ll" id="price">'+d.rprice+'</span>\n' +
	          '<span>起步</span>\n' +
	          '</div>\n' +
	          '<div class="lowR">\n' +
	          '已收藏<span id="'+d.rid+'countfav">0</span>次\n' +
	          '</div>\n' +
	          '</div>\n' +
	          '</div>\n' +
	          '<button onclick="javascript:addFavorite('+d.rid+');" id="'+d.rid+'" style="color:red;text-decoration: underline;font-size: 24px;position:relative;left: 460px;top: 100px;" href="javascript:void(0);">收藏</button>'+
	          '</div>\n' 
	          ;
				route_lis+=li;
			}
				 //遍历完过后将route_li里面的li的内容添加进ul里面
	           $("#main").html(route_lis);
	           for(var i=0;i<pb.list.length;i++){
	        	   isOrnotFav(i);
	           }
				 window.scrollTo(0,0);
		
				
		 });
  • search/isFavorite获取的JSON数据
    在这里插入图片描述
function isOrnotFav(rid){
		$.get("search/isFavorite",{rid:rid},function(fav){
			console.log(fav)
			if(fav["flag"]){
				$("#"+rid+"").html("已收藏");
				$("#"+rid+"").prop("disabled","disabled");
				$("#"+rid+"").css("color","gray");
				$("#"+rid+"countfav").html(fav["sum"]);
				
			}else{
			}
			console.log("收藏总数"+fav["sum"]);
			count = fav["sum"]
		});
        	
	}

总结

在使用时,为了获取每一个li的id,就必须给拼接字符串时,每一个获取的内容里面的div或者是其他的设置一个独立的id,在这里我使用的是rid,因为每一条数据的rid都不是一样的
同时,为了实现修改全部的li的内容,所以在这里我在外面定义了一个函数发送ajax请求,在在第一个ajax里面通过循环去多次访问这个ajax,获取数据,这样就能使所有的内容都发生一次判断

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

?abc!

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值