jqueryで親要素のhref attrを取得する方法は？

Question

iは、このHTMLツリーの例を持って、私はtestリンクをクリックしたとき、私は

多分aタグのhref ATTRを取得したい

<div class="auditions_date"> 
    <div class="new_green above_deadline"><a href="/auditions/2 ?>">Contact</a></div> 
    <span class="aud_recommend"><a class="222" id="aud_recommend" href="#recommend_data">test</a></span> 
</div> 
<div class="auditions_date"> 
    <div class="new_green above_deadline"><a href="/auditions/3 ?>">Contact</a></div> 
    <span class="aud_recommend"><a class="333" id="aud_recommend" href="#recommend_data">test</a></span> 
</div> 

：

$('a#aud_recommend').on("click", function() { 
     var j = $(this).parent('.auditions_date').find('a').attr('href'); 
    console.log(j); 
}); 

これにはありません適切に動作するようです..任意のアイデア？

おかげ

Answer 1

$(document).ready(function() { 
    $('a#aud_recommend').on("click", function (e) { 
     //e.preventDefault(); 
     var j = $(this).parents('.auditions_date').find('.new_green a').attr('href'); 

     console.log(j); 
    }); 
});