Як на JQuery вставити свої теги між тегами

Отже, ми маємо приміром у нашому документике на HTML з десяток параграфів. При цьому задачка варто наступна: додати між цими параграфами тег горизонтальної лінії <hr />. Тоді цю проблемку можна вирішити програмним кодом в 1-2 рядки. Дивимося лістинг нижче.

JavaScript:

jQuery(document).ready(function($) {
// Варіант 1:
$(“p:not(:last)”).after(“<hr />”);
// Варіант 2:
$(“p:not(:first)”).before(“<hr />”);
});

Вихідний HTML:

<p>Макроси.</p>
<p>Human Emulator.</p>
<p>DISQUS</p>
<p>Drupal</p>
<p>MODX Revolution</p>

HTML після запуску JavaScript:

<p>Макроси.</p><hr>
<p>Human Emulator.</p><hr>
<p>DISQUS</p><hr>
<p>Drupal</p><hr>
<p>MODX Revolution</p>

От і все.