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

Question

Я использую jQuery для получения списка узлов; используя оператор each (), я пытаюсь извлечь последний элемент из набора узлов, которые видны после некоторого события (в частности, идентификатор последнего узла).

Используя каждое и есть (": visible"), я могу сделать все узлы видимыми, как я могу извлечь / вытащить последний элемент этого набора?

Я пытался .last () и .get () безуспешно

<li class="nav-item">
     <a class="nav-link active" id="inicio-tab" data-toggle="tab" href="#inicio" role="tab" aria-controls="inicio" aria-selected="false">
       <i class="fa fa-home"></i>
       <span class="labelTab">Inicio</span>
     </a>
</li>
<li class="nav-item">
     <a class="nav-link active" id="como-tab" data-toggle="tab" href="#como" role="tab" aria-controls="como" aria-selected="false">
       <i class="fa fa-home"></i>
       <span class="labelTab">Como</span>
     </a>
</li>

<script>

$(".nav-link").each(function() {
        if($(this).is(":visible")) {
            var i = $(this).attr("id");
            $(i).get(-1); 
        }
    });
</script>

Это не дает мне последний элемент

Answer 1

Я думаю, вы должны быть в состоянии использовать метод .last() для получения последнего элемента.

var lastVisibleNavLinkId = $(".nav-link:visible").last().attr("id"); 

Это работает?

Обновление: я думаю, вы можете использовать :last селектор, также.

var lastVisibleNavLinkId = $(".nav-link:visible:last").attr("id");