js动态批量生成二维码踩坑（前面的二维码没有删掉）

问题描述：做一个批量打印功能，打印页面中需要动态生成二维码，如果打印完了不刷新页面接着点击第二次批量打印按钮出现二维码重叠。

代码如下：

if (flrStr(document.getElementById('qrcode')) != '') {
  //打印前先删掉原先二维码
  $(".print").eq(i).find(".qrcode img").remove()
  $(".print").eq(i).find(".qrcode canvas").remove()
  
  //生成二维码
  $(".print").eq(i).find(".qrcode").qrcode({
    text: qrCodeUrl,
    width: 135,
    height: 135
  });
  
  //把canvas转img
  var mycans = $(".print").eq(i).find("canvas")[0];
  // console.log('mycans',mycans,i)
  if (typeof mycans != 'undefined') {
    var img = convertCanvasToImage(mycans);
    $(".print").eq(i).find(".qrcode p").before(img)
    $(".qrcode").css("height", "160px")
  }
}