由于您使用的是模板语言,因此可能会在输出到达浏览器之前处理模板语言。如果不是,如果它在到达浏览器后以某种方式处理,那么jQuery可能试图从.html()中删除不需要的代码,而不是识别标签。如果你想要一些更干脆的东西,你也可以使用.text()。
然而,以最纯粹的形式回答你的问题(通过jQuery)。
在你的第二个例子中,你将所有内容都包装在div标签中,但这可以使用.wrap()完成...你应该做的是使用选择器来定位你想要的页面的哪个部分。另外,请注意你写了“wrapp-inner”而不是“wrap-inner”......
让我们回到你原来的问题。您想要在页面底部附加一个链接。在doc ready函数中:
$('body').append("somehtml"); // append to body
但是,为了保持理智,您应该创建一个“目标”div来填充。例如:
HTML(正文):
在文件准备中:
$('#credits').append("somehtml");
这显示了.html()和.append之间的区别,以及.html()有效附加的方法:
更新强>
要用其他方法包含其他答案,基本上你可以从跳转中显示它并用CSS隐藏它,或者用jQuery隐藏它:
$('#mylink').hide();
如果你想让href动态化 - 比模板解析器呈现代码的时间晚填充它 - 或者如果包含基于AJAX请求的内容或者只是通过某种方式通过javascript事件,你可以改变它事后使用DOM解析。
// Simple:
$("#mylinkid").attr('href', 'http://www.live.com/');
//Complicated:
$("a[href^='http://stackoverflow.com']").each(function() {
this.href = this.href.replace(/^http:\/\/beta\.stackoverflow\.com/,
http://stackoverflow.com");
});