ボタンをクリックするたびにjqueryを使用して最初の要素としてdivを追加したい
<div id='parent-div'>
<!--insert element as a first child here ...-->
<div class='child-div'>some text</div>
<div class='child-div'>some text</div>
<div class='child-div'>some text</div>
</div>
関数を試してください$.prepend()。
$("#parent-div").prepend("<div class='child-div'>some text</div>");
var i = 0;
$(document).ready(function () {
$('.add').on('click', function (event) {
var html = "<div class='child-div'>some text " + i++ + "</div>";
$("#parent-div").prepend(html);
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="parent-div">
<div>Hello World</div>
</div>
<input type="button" value="add" class="add" />@vabhatiaが言ったことを拡張すると、これはネイティブJavaScript（JQueryなし）に必要なものです。
ParentNode.insertBefore(<your element>, ParentNode.firstChild);
使用：jquery.comの.prependドキュメントを$("<p>Test</p>").prependTo(".inner");
確認してください
parentNode.insertBefore(newChild, refChild)
ノードnewChildを、既存の子ノードrefChildの前にparentNodeの子として挿入します。（newChildを返します。）
refChildがnullの場合、子のリストの最後にnewChildが追加されます。同等に、そしてより読みやすく、parentNode.appendChild（newChild）を使用します。
parentElement.prepend(newFirstChild);
これは（おそらく）ES7に新しく追加されたものです。おそらくjQueryで人気があるため、現在はバニラJSになっています。現在、Chrome、FF、Operaでご利用いただけます。トランスパイラーは、どこでも利用できるようになるまでそれを処理できるはずです。
PS文字列を直接追加できます
parentElement.prepend('This text!');
リンク：developer.mozilla.org-ポリフィル
ここで必要
<div class="outer">Outer Text
<div class="inner"> Inner Text</div>
</div>
によって追加
$(document).ready(function(){
$('.inner').prepend('<div class="middle">New Text Middle</div>');
});
$(".child-div div:first").before("Your div code or some text");
$('.parent-div').children(':first').before("<div class='child-div'>some text</div>");