gpt4 book ai didi

javascript - 使用 jQuery 操作 ? (或想出更好的解决方案)

转载 作者:行者123 更新时间:2023-11-29 22:41:38 27 4
gpt4 key购买 nike

我正在尝试创建一个 JS 脚本来进行修改,以动态地向 HTML 文档添加页脚。我的想法是在文档末尾附加一个 div 元素以包含页脚,并提供一个 float 的固定页脚,我还需要将所有其他内容包装在一个 div 中,基本上我需要这样的东西:

<html>
<head>
<title>Foobar</title>
</head>
<body>
<div id="contentWrapper">
<!-- Content is here -->
</div>
<div id="footerWrapper">
<!-- Footer goes here -->
</div>
</body>
</html>

问题是,HTML 是从一个系统生成的,在这个系统中,最终用户对结构(它是一个博客平台)有一点点控制,并且不能保证一定的结构,因此我需要包装div 中的内容以确保页脚正常工作。

我试过后发现行不通的是:

$(document.body).wrap($('<div/>').attr('id','footerWrapper'));

问题在于,由于 HTML 结构是由用户生成的,我不得不在 <body> 中插入指向 JS 文件的链接。 -标签。所以现在当我调用 wrap() 时,似乎所有内容都首先从 $(document.body) 中删除,然后附加到新的 div 中。由于 JS 文件是从内部链接的,调用 wrap() 似乎会暂时删除它们,而且脚本似乎已被浏览器卸载,一切都停止工作,我只剩下一个空白页面。不完全是我的想法。

下一个想法是首先将 JS 标签复制到 head 元素以保留它们,所以我将它们包装在一个 div 中(是的,丑陋,我知道),并尝试将它们复制到:

$(document.head).append($('#copyToHead').html());

那没有做任何事情,并且 $(document.head) 似乎不能用于 .html() 和 .append() 等函数。

所以,现在我没主意了。有人有什么想法吗?

最佳答案

$(document.head) isn't usable with functions such as .html() and .append().

那是因为 document.head 是 undefined

使用$("head")[0]

关于javascript - 使用 jQuery 操作 <body>? (或想出更好的解决方案),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2361877/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com