Как я могу использовать jQuery, чтобы показать первые 8 элементов?

Question

У меня есть список предметов (<li>), что-то около 50 из них, и я хочу показать только первые 8 предметов ... Как я могу это сделать?

Answer 1

$('li:gt(7)').hide();

Вы используете 7, потому что это индекс на основе нуля.

Answer 2

$("li:lt(8)").show();

Выбирает первые 8 элементов li. : Li выбирает элементы с индексом меньше выбранного числа.

Answer 3

$ ("li: lt (8)"): lt выбирает все элементы li с индексом меньше 8

Answer 4

Используйте селектор меньше , чтобы выбрать все элементы списка с индексами меньше 8 (индекс 8 - девятый элемент списка). Затем покажите им:

$("#mylist li:lt(8)").show();

(предполагается, что ваш список - ol или ul - имеет id из mylist; скорректируйте соответственно)

Возможно, вам придется сделать это в два этапа, если некоторые элементы списка изначально видны:

$("#mylist li") // select all list items
  .hide() // hide them
  .filter("li:lt(8)") // now select just the first eight
  .show(); // ...and show them.

(на самом деле, это избыточное уничтожение, если некоторые элементы не показаны, а некоторые скрыты - если вы точно знаете, что все элементы изначально видны, вы можете использовать селектор больше , чтобы скрыть элементы с индексом 8 и выше - , как демонстрирует Кори )