Как вывести несколько элементов, исключив выбранный?

Question

[Евгений Журов]

Добрый день. Есть список, например, из шести элементов.
По клику на какой-нибудь элемент нужно вывести в консоль три первых элемента списка. Однако если элемент, на котором произошел клик, входит в эту первую тройку, то его надо пропустить и вывести следующий за ним. Как это можно сделать?

Answer 1

[0xD34F]

В обработчике клика получаете элементы списка, отбрасываете кликнутый (или получаете соседей кликнутого); из полученного набора берёте первые сколько вам надо элементов. Как-то так:

<div id="list">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
  <div class="item">5</div>
  <div class="item">6</div>
<div>

$('#list').on('click', '.item', function() {
  const $items = $('#list .item').not(this);
  // или
  // const $items = $(this).siblings();

  console.log($items.slice(0, 3).get().map(n => n.innerText).join(', '));
});

Comments

[Евгений Журов]

Спасибо, то что надо!

Answer 2

[Егор Живагин]

Запишите выбранный элемент в переменную. При выводе проверяйте, совпадает ли выбранный элемент и выводимый

Набросок:

var self = $(this);
array.forEach(function(element){
if (element !== self){
// ваш код вывода
}
})

А вообще для таких целей удобно юзать дата-атрибуты

Comments

[Евгений Журов]

Вероятно, что-то не так понял, но не работает: https://jsfiddle.net/Zhuroff/wekzzuha/

[Егор Живагин]

Евгений Журов, Вижу, что вам уже дали ответ, но всё равно допилил пример - вот

[Евгений Журов]

Егор Живагин, а, понял, где недоглядел. Спасибо!