jQuery: Добавяне на дъщерен елемент преди дъщерен елемент

Преди да отговоря на въпроса ви, позволете ми да направя нещо по-ясно и по-лесно за вас, така че да разберете какво се опитвате да направите

Добавяне означава, че можете да вмъквате елементи като дъщерни елементи в края на селектора

пример append() and appendTo()

Добавяне в началото означава, че можете да вмъквате елементи като дъщерни елементи в началото на селектора

пример prepend() and prependTo()

Забележете, че селекторът ще се счита за parent

Преди означава, че можете да добавяте елементи точно преди селектора

пример before() and insertBefore()

След означава, че можете да добавяте елементи точно след селектора

пример after() and insertAfter()

преди и след does not третира селектора като parent елемент

Сега да отговоря на въпроса ви

Можете да го направите с помощта на prepend or before

<div id="content">
    <div class="foobar"></div>
</div>

$("your element").insertBefore("#content div.foobar") // or
$("#content div.foobar").before("element") // or
$("#content").prepend("element") // or
$("element").prependTo("#content")

Обърнете внимание на позициите на селектора в prepend() and prependTo()

Можете да използвате before()/insertBefore() като

$('#content .foobar').before(newcontent)
$(newcontent).insertBefore('#content .foobar')

или ако искате да вмъкнете ново съдържание като първо дете на #content, използвайте prepend()

$('#content').prepend(newcontent)