jQuery的幫助，next（）函數

Question

我有一些HTML標記，看起來像這樣，

 </a> 
     <nav> 
      <ul> 
       <li><a href=""><img src="/media/icons/view.jpg" alt="Views"/> 210</a></li> 
       <li><a href=""><img src="/media/icons/like.jpg" alt="Likes"/> 45</a></li> 
       <li class="jobs"><a href="">52 New Jobs</a></li> 
      </ul> 
     </nav> 
     <ul class="job_listings"> 
      <li><a href="">Outbound Telesales Assistant &gt;</a></li> 
      <li><a href="">Business Development Manager &gt;</a></li> 
     </ul 
    </li> 

的.job_listings是隱藏在DOM準備，並且需要以顯示點擊li.jobs a的時候，我已經試圖與以下，jQuery的：

$('#jobwall .jobs a').click(function(){ 
       $(this).next('.job_listing').show(); 
       return false; 
      }); 

Answer 1

你應該得到的導航元素，而不是錨的下一個元素，也是你米西在.job_listing選擇器中。

試試這個：

$('#jobwall .jobs a').click(function(){     
    $(this).closest("nav").next('.job_listings').show();     
    return false;    
}); 

Answer 2

在這裏你去：

$(this).closest('#commonContainer').find('.job_listings').show();