Алексей Уколов

function selectFromLast(target) {
  // Определяем элемент, с которого начинается выделение
  // Если до этого кликали на какой-то элемент, берём его
  // Иначе берём первый элемент списка
  var startElem = lastClickedLi || ul.children[0];

  // Определяем, находится стартовый элемент до или после выбранного
  // Для этого применяем битовую операцию И
  // https://learn.javascript.ru/compare-document-position
  var isLastClickedBefore = startElem.compareDocumentPosition(target) & 4;

  if (isLastClickedBefore) {
    // Если стартовый элемент расположен перед выбранным, идём от стартового вниз до выбранного
    for (var elem = startElem; elem != target; elem = elem.nextElementSibling) {
      elem.classList.add('selected');
    }
  } else {
    // Если стартовый элемент расположен после выбранного, идём от стартового вверх до выбранного
    for (var elem = startElem; elem != target; elem = elem.previousElementSibling) {
      elem.classList.add('selected');
    }
  }

  // Наконец, устанавливаем класс выбранному элементу
  elem.classList.add('selected');
}

Для продвинутого читателя, который знает, что теги <script> можно добавлять на страницу в любой момент при помощи самого javascript, заметим, что скрипты, добавленные таким образом, ведут себя так же, как async. То есть, выполняются как только загрузятся, без сохранения относительного порядка.

Если же нужно сохранить порядок выполнения, то есть добавить несколько скриптов, которые выполнятся строго один за другим, то используется свойство script.async = false.

вдруг люди придумали что-то более продуктивное?

$items = [];

foreach ($arResult["ITEMS"] as $item) {
    $items[$item['DISPLAY_PROPERTIES']['DATA_SOBYTIYA']['VALUE']][] = $item;
}

$user = new User; // id|space_id|name
$space = new Space; // id|user_id

$user->name = $name;
$user->save();

$space->user->associate($user);
$space->save();

$user->space->associate($space);
$user->save();