Javascript 如何在延迟后更改文本-jQuery

我有两个单独id的div和一个样式相同的类

foo_1有一个z索引，所以它在foo_2之上

<div id="foo_1" class="foo"><p>I'm awesome.</p></div>
<div id="foo_2" class="foo"><p>No, I am.</p></div>

​

---

谢谢

听起来你做的有点过分了

让我总结一下：您有两个div，它们位于同一位置，但只有#foo_1可见，因为它位于顶部。您现在想要隐藏“foo#u 1”以显示“foo#u 2”

因此，它应该足以使“foo_2”在淡出“foo_1”时可见：

---

只需使用标准jQuery函数和ms

FadeOut（500）

，

FadeIn（500）

：

$（文档）.ready（函数（）
{
$（'foo_1'）。淡出（1500）；
$（'foo_2'）。text（'No，I am！'）。fadeIn（1000）；
});

我太棒了
如果先将元素
移除，您如何操作
#foo_1
元素？我想做的是让foo_1与foo_2一起淡出。-你能澄清一下你的意思吗？@VisioN我个人不知道，我在一个StackOverflow问题上看到了它。@Niko我的意思是foo_1和foo_2都是相同大小的，只是页面中心的文本不同。foo_1的z指数比foo_2高，因此foo_1“高于”foo_2（我指的是你看不到foo_2）。然后我希望foo_1淡出，显示foo_2。
<div id="foo_1" class="foo"><p>I'm awesome</p></div>
<div id="foo_2" class="foo" style="display: none;"><p>No, I am.</p></div>

$(document).ready(function()
{
    setTimeout(function()
    {
        $("#foo_1").fadeOut("slow", function ()
        {
            $("#foo_1").remove();                
            $("#foo_1").html($("#foo_2").text());
            $("#foo_1").show();
        });
     }, 5000);
 });

setTimeout(function()
    {
        $("#foo_1").fadeOut("slow", function ()
        {
            // remove $("#foo_1").remove(); 
            // line from code, 
            // because, its removing #foo_1 from dom, 
            // so in next strp you can't catch it

            // $("#foo_1").remove();           
            $("#foo_1").html($("#foo_2").text());
            $("#foo_1").show();
        });
     }, 5000);

setTimeout(function() {
    // Make #foo_2 visible
    $('#foo_2').show();

    // Fade out #foo_1
    $('#foo_1').fadeOut('slow');
}, 5000);