jquery - jqueryで親要素のhref属性を取得するには?

Question

私はこのhtmlツリーの例を持っています

<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>

リンクをクリックすると、タグの属性testを取得したいhrefa

多分：

$('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);
    });
});