Создание элемента перед элементом jquery

как мне создать элемент перед другим элементом, если их родитель - определённый класс. Я пытался сделать вот так

$(document).ready(function(){
    $('a').parent('.home').before('<br>');
});

В данном случае мне нужно вставить перед ссылкой <br>, но данный код не даёт результатов


Ответы (3 шт):

Автор решения: web developer
$("<div>mydiv</div>").insertBefore('.mobile-sub .s2_error')

ИЛИ написав другой селектор внутри вашего insertBefore

Передавать

$('.revive').parent(".mobile-sub").prepend('<div>mydiv</div>');
→ Ссылка
Автор решения: ksa

Немного подправить и все...

$(_ => {
  $('.home a').before('<br>')
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class='home'>
  <p>как мне создать элемент перед другим элементом, если их родитель - <a href='#'>определённый класс</a>. Я пытался сделать вот так
  </p>
</div>

→ Ссылка
Автор решения: soledar10

Пример c использованием css

.home a::before {
  content: '';
  display: block;
}
<div class='home'>
  <p>как мне создать элемент перед другим элементом, если их родитель - <a href='#'>определённый класс</a>. Я пытался сделать вот так
  </p>
</div>

→ Ссылка