Jquery动态添加img标签

<!-- 截屏图片 -->
<div class="screenShot" style="display: none;">
   <div class="ItemImgBox">
     &lt;div class="screenShot_iconClose" onclick="shotImgClick()"&gt;X</div&gt;
        <img class="screenShot_img" alt="截图图片"&gt;
   </div>
</div>

使用$(".screenShot img").attr("src", res)
或$(".screenShot").append('<img src='+res+'>')可将服务端返回的base64图片添加到img上


JQuery动态添加标签方法
一、向该节点内部后方添加：
1  $(".screenShot").append("<img src=''/>");
2  $("<img src=''/>").appendTo(".screenShot");
二、向该节点内部前方添加：
1  $(".screenShot").prepend("<img src=''/>");
2  $("<img src=''/>").prependTo(".screenShot");
三、向该节点同级后方添加：
1  $(".screenShot").after("<img src=''/>");
2  $("<img src=''/>").insertAfter(".screenShot");
四、向该节点同级前方添加：
1  $(".screenShot").before("<img src=''/>");
2  $("<img src=''/>").insertBefore(".screenShot");

代码007普通

打赏 收藏 海报 链接