Как внутри каждого из элементов набора скрыть потомков с индексом больше заданного?

Question

[Вася Фамилия]

Задача, которую надо решить с помощью jquery.
Нужно чтобы вывелось 123, 123, 123, а выводится только 123.

Answer 1

[Владимир Проскурин]

$('table tr:nth-child(n+4)').css('display', 'none');

что соответствует 4 и следующим элементам внутри каждого table. Ваш же код берет все tr на странице после второго.

Answer 2

[0xD34F]

Вот настолько всё просто будет: showFirstHideLast('table', 'tr', 3);.

Ну, почти:

function showFirstHideLast(containerSelector, itemSelector, hideFrom) {
  $(containerSelector).each((_, n) => {
    $(itemSelector, n).show().slice(hideFrom).hide();
  });
}

или

function showFirstHideLast(containerSelector, itemSelector, hideFrom) {
  document.querySelectorAll(containerSelector).forEach(n => {
    n.querySelectorAll(itemSelector).forEach((m, i) => {
      m.hidden = i >= hideFrom;
      // или
      m.style.display = i < hideFrom ? '' : 'none';
      // или (в стили надо будет добавить .hidden { display: none; })
      m.classList.toggle('hidden', i >= hideFrom);
    });
  });
}