Как на 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>

Вот и все.





© 2012-2014 Druweb.ru. Вы можете спокойно копировать любые материалы сайта только при наличии обратной ссылки.