插入一个div并在js函数中删除它

时间:2015-06-15 11:27:09

标签: javascript php jquery

我这里有一个脚本,需要做一些手工操作。开发人员不提供修改支持,我不是JS精通,所以我需要一些帮助。基本上下面的脚本显示了一个woocommerce产品图像,并且有一个预加载功能。我需要在preload_img.onload =函数之前插入一个名为.temp-image的div,并在preload_img.onload中删除div

if ($(img).length > 0) {
    img.data('tm-current-image', false);
    var a = img.closest("a");
    var a_href_original = a.attr('href');
    main_product.on('tm_change_product_image', function(e) {
        var tm_current_image_element_id = e.element.attr('name'),
            $main_product = e.main_product;

        var clone_image = img.tm_clone(),
            preload_img = new Image();

        preload_img.onload = function() {
            $main_product.find('#' + tm_current_image_element_id + '_tmimage').remove();

            $main_product.find('.tm-clone-product-image').hide();

            clone_image.prop('src', preload_img.src).hide();

            img.hide().after(clone_image);

            clone_image.show();

            if (is_iosSlider) {

                setTimeout(function() {

                    is_iosSlider_element.iosSlider('update');

                }, 150);

            }

        };

        clone_image

            .attr('id', tm_current_image_element_id + '_tmimage')

        .addClass('tm-clone-product-image').hide(); //.show();

        preload_img.src = e.src;

        a.attr('href', e.src);

        img.data('tm-current-image', tm_current_image_element_id);

        if (is_yith_wcmg) {

            yith_wcmg.yith_magnifier('destroy');

            yith_wcmg.yith_magnifier(yith_magnifier_options);

        }

    });
}

1 个答案:

答案 0 :(得分:0)

我不清楚你的问题,但你可以使用这个添加div,假设你想在div之后添加div而你想在此之后添加div

   <script type="text/javascript">
      $(".test").append("<div id='specificdiv'>hello world</div>");
  </script>

<script type="text/javascript">
    $("<div id='specificdiv'>hello this is added div</div>").appendTo(".test"); 
</script>

    <script type="text/javascript">
        $("<div></div>").attr('id','specificdiv').appendTo('body'); 
    </script>

并将其删除

<script type="text/javascript">
        $( "#specificdiv" ).remove(); 
    </script>

<script type="text/javascript">
        $( "#specificdiv" ).empty(); 
    </script>