选择具有特定类的元素的父级

我建立了一个导航栏，它有以下几种标记：

 
S
 
S1
 
S2
 
S3
  

在我的一个活动中，我可以访问用户点击a元素。

 $('.nav').on('click', 'li a', function(){ var clickedLink = $(this); var prevActiveLI = ? var currentClickedAnchorsParentLI = ? }); 

为了我的目的，有两件事我想来这里。 应用了active类的前一个li标记，其次是刚刚单击的a的li标记。 怎么能访问？

Answer 1

试试这个：

 $('.nav').on('click', 'li a', function(){ var clickedLink = $(this); var prevActiveLI = $('.active', $clickedLink.closest('.nav')); var currentClickedAnchorsParentLI = $clickedLink.closest('li'); }); 

Answer 2

 $('.nav').on('click', 'li a', function(){ var clickedLink = $(this); var prevActiveLI = clickedLink.closest('ul.nav').find('li.active'); var currentClickedAnchorsParentLI = clickedLink.parent(); }); 

Answer 3

 var $prevLi, $currentLi ; $('.nav').on('click', 'li a', function(){ var clickedLink = $(this); if($currentLi) { $prevLi = $currentLi; } $currentLi = clickedLink.parent(); }); 

Answer 4

 $('.nav').on('click', 'li a', function(){ var clickedLink = $(this); var currentClickedAnchorsParentLI = clickedLink.parent(); if(!currentClickedAnchorsParentLI.hasClass("active")) var prevActiveLI = currentClickedAnchorsParentLI.siblings(".active").first(); //else // });