Jquery将html追加到最后一段的正上方

Question

我的Jquery：

$("#leftmain").append("something");
<div id="leftmain">
// append text here
<p id="loading" >Loading ...</p>
</div>

如何将文本附加在段落上方？

Answer 1

您可以使用.before():

$('#loading').before("<div>something</div>");

这将在#loading元素之前添加新节点：http://api.jquery.com/before

或者您可以使用.prepend():

$('#leftmain').prepend("<div>something</div>");

它将添加新的HTML作为#leftmain元素的第一个子元素：http://api.jquery.com/prepend

下面是一个演示，展示了我建议的每种方法是如何工作的：http://jsfiddle.net/jasper/ndqpp/

更新

要淡入动态创建的内容，您可以将其默认设置为隐藏，然后对新内容调用.fadeIn()：

$('#leftmain').prepend("<div style='display : none'>something</div>").children().first().fadeIn(500);

或者如果使用.before():

$('#loading').before("<div style='display : none'>something</div>").prev().fadeIn(500);

Answer 2

看看prepend（）而不是.append()。Prepend会将内容插入所选元素的开头，而不是末尾。

$("#leftmain").prepend("Something");

Answer 3

var cur = $('#leftmain').html();
$('#leftmain').html('your_text' + cur);