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

Материал из JQuery

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

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

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

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

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

  <span>Быстрее</span><span>Выше</span><span>Сильнее</span>

  <script>
    $("span").slice(0, -1).after("<span> • </span>");
  </script>

</body>
</html>

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