Question

单击链接后尝试插入某个div。此链接在id上有div href。所以我想获取这些数据并使用它将html插入到我的html DOM中的某个位置。

HTML：

<a class="hotspot article-1-slide-1" href="#product-1">
    <span class="hotspot-label pp-icon icon-anime-left-arrow">article 1</span>
</a>

我想将其插入此空间：

<article class="product-hotspot-display">
    <a class="product-hotspot-close pp-icon icon-cross js-product-hotspot-close"></a>

    // HERE

</article>

我认为.html（）就是答案。使用此代码我收到错误。我做错了什么？

//product link
    $(document).on('click', '.hotspot', function (event) {
     event.preventDefault();
     var productId = $(this).attr('href');
     var productHtml = $(productId).html();
     productHtml.insertAfter('.js-product-hotspot-close');
     panel.addClass('is-open');
     //console.log(productHtml);
 });

Answer 1

这应该可以解决问题：

$(document).on('click','.hotspot' , function(event) {
    event.preventDefault();
    $(this).insertAfter('.js-product-hotspot-close');
});

Answer 2

这对我有用：

var panel = $('.product-hotspot-display');
var slideWrapper = $('.slide-wrapper');

//product link
$(document).on('click','.hotspot' , function(event) {
    event.preventDefault();

    var productId = $(this).attr('href');
    var productHtml = $(productId).html();
    var contentHook = $('.js-product-hotspot-data');

    contentHook.empty();
    contentHook.html(productHtml);
    panel.addClass('is-open');

});

我希望它可以帮助其他人！

使用链接的href将html内容插入到另一个div中以插入div的某些html

2 个答案: