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)