Как вставить div перед последним абзацем?

Question

[Kak_B_CTapou_Cka3ke]

Есть примерно такая конструкция:

<div id="abzaci">
<p></p>
<p></p>
<p></p>
---
<p></p>
</div>

Мог бы кто-то подсказать, как вставить div с определённым id перед последним абзацем? При этом кол-во самих абзацев всегда разное.

Задумка схожа с этим:

<script> 
$( $( ".perenos" ) ).insertAfter( "#abzaci p:eq(2)" ); 
</script>

Answer 1

[0xD34F]

Кого и куда надо перенести:

const parent = document.querySelector('здесь селектор элемента с абзацами');
const el = document.querySelector('а здесь - элемента, который хотите перенести');

Как получить последний вложенный элемент:

const last = parent.lastElementChild;

// или

const last = parent.querySelector(':scope > :last-child');

// или

const last = parent.children[parent.children.length - 1];

// или

const [ last ] = Array.prototype.slice.call(parent.children, -1);

Переносим:

last.before(el);

// или

last.insertAdjacentElement('beforebegin', el);

// или

last.replaceWith(el, last);

// или

parent.insertBefore(el, last);

Answer 2

[Данил Разумков]

ну на jq по моему можно так:

$(<div id="ид"></div>).appendTo(".randomclass:last-child")