gpt4 book ai didi

javascript - 如何删除主体前的容器

转载 作者:搜寻专家 更新时间:2023-10-31 22:58:31 29 4
gpt4 key购买 nike

我创建了一个容器并将其添加到正文中:

// Create container
var container = "<div class='foo'> ... </div>";

// Prepend it to the body
$("body").prepend(container);

现在我想在几秒钟后淡出容器:

setTimeout(function() {
container.fadeOut();
}, 3000);

但是,它说 undefined 不是一个函数。我很确定 $(".foo").fadeOut() 会工作,但我有很多这样的 .foo 容器,我不想为他们每个人分配一个单独的 ID。

最佳答案

让你的 container var 指向一个 jq 对象而不是一个字符串:

var container = $('<div class="foo"> ... </div>');

// Prepend it to the body
$("body").prepend(container);

setTimeout(function() {
container.fadeOut();
}, 3000);

现在,container 有一个 fadeOut() 方法,而不是一个哑字符串。

编辑:根据请求,创建部分的原始版本:

var container = document.createElement("div");
container.className="foo";
container.innerHTML= "<b>Hello world</b>";
document.body.insertBefore(container, document.body.firstChild);

原版的 f​​adeOut 部分:

<style> 
div.foo{ opacity: 1; transition: 1000ms opacity;}
div.foo.fade { opacity: 0; }
</style>

setTimeout(function(){ container.classList.add("fade");}, 3000);

关于javascript - 如何删除主体前的容器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36350705/

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