jQuery перебирает вложенные элементы <li>для использования: gt

Question

Надеюсь, вы можете помочь. Попытка скрыть все теги

больше, чем третий тег в

• ВСЕ последующие отношения
• : gt (2) скрываются во всех последующих
  • НАЗВАНИЕ СПИСКА
    • элемент 1
    • элемент 2
    • элемент 3
    • должен быть скрыт
    • должен быть скрыт
  • НАЗВАНИЕ СПИСКА
    • элемент 1
    • элемент 2
    • элемент 3
    • должен быть скрыт
    • должно быть скрыто
  • НАЗВАНИЕ СПИСКА
    • элемент 1
    • элемент 2
    • элемент 3
    • должно быть скрыто
    • должно быть скрыто

  А вот и мой jQuery.

  $("ul li ul li:gt(2)").each(function () {
      $(this).hide();
  });
  

  Если вам нужно больше информации, дайте мне знать. Спасибо!

Answer 1

Хм, я не могу придумать способ обойти это с помощью селектора, но вы могли бы сделать это с двумя селекторами:

$("ul li ul").each(function () {
    $(this).find("li:gt(2)").hide();
});

Answer 2

Попробуйте что-то вроде этого:

var counter;
$("ul").each(function() {
    counter = 1;
    $(this).children("li").each(function() {
        if (counter > 3) $(this).hide()
        counter++;
    });
});