jquery - jQuery：在另一个创建的元素内创建一个元素

Question

在下面的字符串中，我试图在 周围添加一个额外的跨度，post.caption但将其保留在<span class="overlay" />. 我已经尝试在 .html 之前和之后添加和包装，但无法得到它或任何东西来正确地做到这一点。

$('<span class="overlay" />').html(post.caption).appendTo(entry);

结果看起来像<span class="overlay"><span>Caption content</span></span>

如果有帮助，这是完整的代码段：

entry = $('<a />').attr('href', post.permalinkFull)
        $('<img />').attr('src', post.image).appendTo(entry)
        $('<span class="overlay" />').html(post.caption).appendTo(entry);

任何帮助将不胜感激！

Answer 1

你可以试试这个wrapInner：

$('<span class="overlay" />').html(post.caption)
                             .wrapInner('<span />').appendTo(entry);

Answer 2

如果 post.caption 是一个字符串，那么据我所知，您还想在它周围创建跨度：

$('<span>').html(post.caption).appendTo(entry).wrap('<span class="overlay" />');