使用鏈接的href將html內容插入另一個div以插入div的某些html

Question

單擊鏈接后嘗試插入某個div。 此鏈接的href上具有div id 。 因此，我想獲取此數據並將其用於將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');

});

希望對其他人有幫助！