jquery - 在最后一个 div jquery 之前在另一个 div 中附加一个 div

Question

假设我有 div 喜欢

<div id='main'>
  <div id='child'>my static content</div>
</div>

$('#main').append("<div class='mycontent'>I'm new box by append</div>");
or
$('#main').appendTo("<div class='mycontent'>I'm new box by append</div>");

我知道我可以使用append() 和 appendTo方法将任何内容插入主 div。但我需要知道如何在子 div 之前将内容插入主 div。内容将在子 div 之前推送到主 div。请帮助我的概念。

谢谢

Answer 1

http://api.jquery.com/before/

如果你想要它在最后一个子 div 之前：

$("#main > div:last-child").before("<div class='mycontent'>I'm new box by append</div>");

或者如果你想在特定的 div 之前使用它：

$("#child").before("<div class='mycontent'>I'm new box by append</div>");

Answer 2

这边走：

$('#main #child').before('<p>Something</p>');

Answer 3

尝试这个：

$('#child').before("<div class='mycontent'>I'm new box by append</div>");

也可能会有用：

$('#child').after("<div class='mycontent'>I'm new box by append</div>");