查找與該元素關聯的所有父定位標記

Question

我需要找到所有定位標記，直到某個特定元素的父元素爲止。實例是這裏 -

<li id="li4"> 
    <a id="ancHideShow4" onclick="hide('4');" href="#" style="font-weight:bold;">SECURITY</a> 
    <ul id="ul4" style="display: block; margin-left: -20px; list-style: none;"> 
    <img onclick="hide('5');" id="img5" src="../../images/asd.gif" class="Hover"> 
    <li id="li5"> 
     <a id="ancHideShow5" onclick="hideshow('5');" href="#" style="">GROUP</a> 
     <ul id="ul5" style=""> 
     <div class="QWER"></div> 
     <li id="leafli6"> 
      <a id="ancRedirect312" onclick="Redirect('#')" href="#"><span>XYZ</span></a> 
     </li> 
     </ul> 
    </li> 
    </ul> 
</li> 

所以，如果我點擊 - > 「ancRedirect312」

這些ID應該被發現 - > ancRedirect5，ancRedirect4

幫助我！

Answer 1

你可以找到所有的父元素li那麼它a孩子喜歡

$('a').click(function() { 
 
    var ids = $(this).closest('li').parents('li').children('a').map(function() { 
 
    return this.id 
 
    }).get(); 
 
    alert(ids) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<ul> 
 
    <li id="li4"> 
 
    <a id="ancHideShow4" onclick="hide('4');" href="#" style="font-weight:bold;">SECURITY</a> 
 

 
    <ul id="ul4" style="display: block; margin-left: -20px; list-style: none;"> 
 
     <img onclick="hide('5');" id="img5" src="../../images/asd.gif" class="Hover" /> 
 
     <li id="li5"> 
 
     <a id="ancHideShow5" onclick="hideshow('5');" href="#" style="">GROUP</a> 
 

 
     <ul id="ul5" style=""> 
 
      <div class="QWER"></div> 
 

 
      <li id="leafli6"> 
 
      <a id="ancRedirect312" onclick="Redirect('#')" href="#"><span>XYZ</span></a> 
 
      </li> 
 

 
     </ul> 
 
     </li> 
 

 
    </ul> 
 
    </li> 
 
</ul>