动态创建的图像元素附加到 DOM 的末尾而不是目标元素

Question

我遇到了一个现有的代码，他们在悬停文本框时动态创建一个图像元素，并在悬停的文本框内显示该图像元素，单击它会删除悬停的文本框（以下代码中的 srcEl 元素）。< /p>

但我不明白这行特定的代码是做什么的。

<块引用>

imgEl.prop('linkedElement', srcEl);

这行代码是什么意思，并且图像被附加到 DOM 的末尾而不是目标元素内。这有什么问题吗？

const imgEl = $('<img />', {
    'class': 'imgClass',
    id: imgId,
    alt: imgAlt,
    src: sSrcPath,
    css: {
        height: '10px',
        width: '15px',
        posTop: iTop + 'px',
        posLeft: iLeft + 'px'
    }
});

imgEl.prop('linkedElement', srcEl);
imgEl.on({
    'mouseover': function() { this.src = sHoverMsg },
    'onclick': onClickFun
});

$('body').append(imgEl);