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);