jquery選擇父元素

Question

我想找到一個在類前面，而按鈕是在 類頁腳的href屬性。不能使它工作。

JSFIDDLE:

HTML

<div class="panel"> 
    <div class="front"> 
     <a rel="lightbox" href="asas/as/abc.html"> 
      <img width="200" height="125" src="http://www.wired.com/wiredenterprise/wp-content/uploads//2012/10/stormtroopers-sm.png" > 
     </a> 
     <div class="footer"> 
      <button class="btn btn-mini" rel="btn_scr"><i class="icon-fullscreen"></i> </button> 
     </div> 
    </div> 
    <div class="back" style="width: 200px; height: 157px;">something here</div> 
</div> 

JAVA

$('body').on('click', '[rel=btn_scr]', function (event) { 
    event.preventDefault(); 
    var data = $(this).parents(".front > a").attr("href"); 
    alert(data); 
    //console.log(data); 

}); 

Answer 1

問題是.front > a從來都不是你的按鈕的父。您需要遍歷到父（.front），然後下到錨，例如

var data = $(this).closest('.front').find('> a').attr('href'); 

更新：換出parents()爲closest()，因爲它是這個操作更適合。的差異在closest() documentation

Answer 2

說明試試這個

http://jsfiddle.net/C5R7u/2/

var data = $(this).closest(".front").find('a').attr("href"); 

Answer 3

你可以試試這個

$(this).parents(".front").find('a').attr('href') 

這裏是更新jsfiddle