Вставить элемент между каждым выбранным

Материал из JQuery

Перейти к: навигация, поиск

Имеется группа рядом стоящих элементов, необходимо вставить между каждым из них другой элемент. Чтобы это сделать, выберем нужные элементы кроме последнего и после каждого элемента из получившегося набора вставим требуемый элемент:

$(".elem").slice(0, -1).after("<span> &bull; </span>");

Продемонстрируем рецепт на примере. Между элементами со словами девиза олимпиады, добавим разделяющие кружки:

~lt~!DOCTYPE html~gt~
~lt~html~gt~
~lt~head~gt~
  ~lt~script src="http://code.jquery.com/jquery-latest.min.js"~gt~~lt~/script~gt~
~lt~/head~gt~
~lt~body~gt~

  ~lt~span~gt~Быстрее~lt~/span~gt~~lt~span~gt~Выше~lt~/span~gt~~lt~span~gt~Сильнее~lt~/span~gt~

  ~lt~script~gt~
    $("span").slice(0, -1).after("~lt~span~gt~ • ~lt~/span~gt~");
  ~lt~/script~gt~

~lt~/body~gt~
~lt~/html~gt~

Используемые методы jQuery