div动态设置样式

1、html中的div 

<div class="bor_t_li" id="addressList">

</div>


2、js文件中的Ajax:


$.ajax({
url : "../getCartAddressInfo.do",
type: "POST",
dataType : 'json',
data : { 
'userId':userId
},
success : function(data) {

var otherhtml="";
 $.each(data,function(idx,item){

 var phone="";
 phone=item.PJ_USER_PHONE;
 phone=phone.substring(0, 3)+"****"+phone.substring(7);
  otherhtml+='<p>';

 otherhtml+='<input οnclick="changeAddressOpt();"  

                                                                      name="addrList" type="radio" selected="" value="" addrname="'+item.PJ_USER_ACCOUNT+'" addremail=""

                                                                     addrmobile="'+phone+'" addrphone="" addrfulladdress="'+item.PJ_SH_PRO+item.PJ_SH_CITY+'&nbsp;'

                                                                      +item.PJ_SH_TOWN+'&nbsp;'+item.PJ_SH_STREET+'">&nbsp;';

 otherhtml+='<label for="137962670">'+item.PJ_USER_ACCOUNT+'&nbsp;&nbsp;'

 +item.PJ_SH_PRO+item.PJ_SH_CITY+'&nbsp;'+item.PJ_SH_TOWN+'&nbsp;'+item.PJ_SH_STREET+'&nbsp;'+phone+'</label>';

 otherhtml+='&nbsp;&nbsp;&nbsp;';

 otherhtml+='<a class="f_blue" href="javascript:editaddr('+item.pkid+','+item.PJ_USER_ACCOUNT+','+item.PJ_SH_STREET+',

 '+item.PJ_SH_STREET+','+item.PJ_SH_STREET+','+item.PJ_SH_STREET+');">编辑</a>';

 otherhtml+=' &nbsp;&nbsp;&nbsp;';
 otherhtml+='<a class="f_blue write_del" href="javascript:removeaddr('+item.pkid+');">删除</a></p>';

});

                                  

                                 //为DIV设置内容

 $("#addressList").html(otherhtml);

//添加内容完毕,为内容添加样式addrHover

      $(radio_id).attr("checked",'checked');
                var list =$("#addressList");
                var listItem = $(list).children("p");
               $(listItem).hover(function(){
                    $(this).addClass("addrHover");
               },function(){
                    $(this).removeClass("addrHover");
               })
}
});




版权声明:本文为wang_tao219原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。