JSFiddle - React, Tailwind, and code Playground
HTML
<a id="ssilka1" href="#">Ссылка 1</a>
<a id="ssilka2" href="#">Ссылка 2</a>
<a id="ssilka3" href="#">Ссылка 3</a>
<a id="ssilka4" href="#">Ссылка 4</a>
<a id="ssilka5" href="#">Ссылка 5</a>
<a id="ssilka6" href="#">Ссылка 6</a>
<a id="ssilka7" href="#">Ссылка 7</a>
<a id="ssilka8" href="#">Ссылка 8</a>
<a id="ssilka9" href="#">Ссылка 9</a>
<a id="ssilka10" href="#">Ссылка 10</a>
JavaScript
const doShit = (targetId) => {
const targetElem = document.getElementById(targetId)
const div1 = document.createElement('div'); div1.innerHTML = '<i>Текст</i>'
const div2 = document.createElement('div'); div2.innerHTML = '<b>Текст</b>'
targetElem.parentElement.insertBefore(div1, targetElem)
targetElem.parentElement.insertBefore(div2, targetElem.nextSibling)
}
doShit('ssilka5')
doShit('ssilka10')