当前位置:   article > 正文

div动态设置样式_div加动态样式

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");
               })
}
});



声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/IT小白/article/detail/767422
推荐阅读
相关标签
  

闽ICP备14008679号