Question

如何将html放入jquery的附加内容并在网页中附加Div

              $('.oo').append(
               <div style="width:100%; min-height:35px; max-height:auto; margin-top:10px;">
               <div style="height:auto; margin:2px 2px 2px 16px;">
              <img src="image/xprin_load2_loader.gif" style="float:left; height:35px; width:35px; border-radius:5%;"/>
                 </div>
                 <div style="height:auto; margin: 5px 5px 5px 55px;  text-align:left; box-shadow: 3px 0px 0px #4080ff;">
                <b>: </b>
                <span style="margin:2px 2px;"></span>
               </div>
               </div>
             );

Answer 1

这样做，

$('.oo').append(
'<div style="width:100%; min-height:35px; max-height:auto'
 +'; margin-top:10px;">
               <div style="height:auto; margin:2p'
 +'x 2px 2px 16px;">
              <img src="image/xprin_load2_loader.gif'
 +'" style="float:left; height:35px; width:35px; border-radius:5%;"/>
   '
 +'              </div>
                 <div style="height:auto; margin:'
 +' 5px 5px 5px 55px;  text-align:left; box-shadow: 3px 0px 0px #4080ff;"'
 +'>
                <b>: </b>
                <span style="margin:2px 2p'
 +'x;"></span>
               </div>
               </div>');

它会起作用。

Answer 2

您只需在要附加的html周围添加引号

  $('.oo').append(
    ' <div style="width:100%; min-height:35px; max-height:auto; margin-top:10px;">' +
    +' <div style="height:auto; margin:2px 2px 2px 16px;">' + ' <img src="image/xprin_load2_loader.gif" style="float:left; height:35px; width:35px; border-radius:5%;"/>' + '</div>' + '<div style="height:auto; margin: 5px 5px 5px 55px;  text-align:left; box-shadow: 3px 0px 0px #4080ff;">' + '<b>: </b>' + '<span style="margin:2px 2px;"></span>' + '</div>' + '</div>'
  );

如何将html代码放在jQuery或JavaScript的附加内容中？

2 个答案: