javascript - 如何在 $ ('body' .append 脚本中添加这些 HTML 标签？

Question

Javascript 开发人员，

我有这个脚本，我在我的模板中动态显示 html:

$(document).ready(function() {
    var credits= $('body').append('<div id="wrap"><div id="wrapp-inner"><div id="wrapleft"></div><div id="wrapright">Designed Templatezy</div></div></div>');
});

现在我想添加 <a expr:href='data:blog.homepageUrl'><data:blog.title/>™</a>到那个 wrapleft div，但它不能显示博客标题，也不能添加网站的 url。

提示:这是一个 <a expr:href='data:blog.homepageUrl'> blogger 模板中的 html/expression 标记，用于为您的网站主页创建链接。喜欢http://example.com <data:blog.title/>在哪里是一个标签，显示您的博客标题，如“Stack Overflow”。在模板中添加很容易，但我发现将它添加到附加脚本时很难。

我试过如下，但没用:

$(document).ready(function() {
    var credits= $('body').append('<div id="wrap"><div id="wrapp-inner"><div id="wrapleft"><a expr:href='data:blog.homepageUrl'><data:blog.title/>™</a></div><div id="wrapright">Designed Templatezy</div></div></div>');
});

所以请任何人帮我添加这个<a expr:href='data:blog.homepageUrl'><data:blog.title/>™</a>在该追加脚本中的 wrapleft div 之后。谢谢。

---

更新:

我可以在脚本中添加一般链接:像 href stackoverflow.com

$(document).ready(function() {
    var credits= $('body').append('<div id="wrap"><div id="wrapp-inner"><div id="wrapleft"><a href="stackoverflow.com">stackoverflow</a></div><div id="wrapright">Designed Templatezy</div></div></div>');
});

这个工作，但是如何添加 <a expr:href='data:blog.homepageUrl'><data:blog.title/>™</a>在脚本中工作，添加模板和显示带有标题的网站标题很简单，但是如何在 leftwrap 之后添加到附加脚本中。我添加了它，但它以纯文本形式出现。

Answer 1

可能的解决方案:

您可以添加 <a expr:href='data:blog.homepageUrl'><data:blog.title/>™</a>在您的模板中为:

<div id="blogHomepageUrlLink" style="display: none;">
    <a expr:href='data:blog.homepageUrl'><data:blog.title/>™</a>
</div>

因此您的模板处理程序可以处理它。

然后用你的 jQuery:

$('body').append('<div id="wrap"><div id="wrapp-inner"><div id="wrapleft"></div><div id="wrapright">Designed Templatezy</div></div></div>');

您应该能够添加链接:

$("#wrapleft").html($("#blogHomepageUrlLink").html());

或合并:

$('body').append('<div id="wrap"><div id="wrapp-inner"><div id="wrapleft">'+$("#wrapleft").html($("#blogHomepageUrlLink").html())+'</div><div id="wrapright">Designed Templatezy</div></div></div>');