0

Есть такая разметка

<p>...</p>
...какие угодно теги и текст...
<h2>1</h2>
.....
<h3>1.1</h3>
.....
<h3>1.2</h3>
.....
<h2>2</h2>
....
<h3>2.1</h3>

и тд.

Мне нужно перед первым <h2> добавить блок с id="test"

Первый <h2> я нашел так:

let first_h2 = $('.blog-post').find('h2')[0];

Затем попробовал сделать так:

$(first_h2).prepend('<div id="test"></div>');

Но блок новый получился дочерним h2, а мне нужно чтобы он шел перед этим h2

Буду благодарен за помощь!

1 ответ 1

1

введите сюда описание изображения

let first_h2 = document.querySelector('h2');
first_h2.insertAdjacentHTML('beforebegin', '<div id="test">test</div>');
<p>...</p>
<h2>1</h2>
<h3>1.1</h3>
<h3>1.2</h3>
<h2>2</h2>
<h3>2.1</h3>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.