Javascript .append() 和 .fadein()

Question

我创建了一个函数，将文本添加到名为#textBox 的元素中。我希望文本在框中淡出，所以这是我的代码。

var addText_3 = function(text) {
    $("#textBox").append("<p><i>" + text + "</i></p>").hide().fadeIn(500);
};

因此，我的函数附加到文本并隐藏它，以便它可以淡入。但是，我只想使附加元素淡入。当我尝试此函数时，元素中的所有其他文本也会淡入。有没有办法只让我附加的元素淡入？

Answer 1

$("<p><i>" + text + "</i></p>").appendTo("#textbox").hide().fadeIn(500);

创建新元素，将其附加到#textbox，然后淡入。

var text = 'Stack Overflow';
$("<p><i>" + text + "</i></p>").appendTo("#textbox").hide().fadeIn(500);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="textbox">Some text</div>