2012-05-11 54 views
-1

我有這個HTML樹例如如何獲得jQuery的父元素的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> 

當我test點擊我想要得到的href ATTR的a標籤的

可能:

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

這不似乎工作正常..任何想法?

感謝

+3

(1)'.auditions_date'不是'一個#aud_recommend'和(2)ID必須是唯一的父節點。我建議你看看[jQuery API文檔](http://api.jquery.com/)並仔細閱讀'.parent()'正在做什麼。另外,你想獲得哪個'href'屬性?每個'div'中有兩個鏈接。 –

+1

爲了補充Felix Kling的評論,jQuery的.parent()只在dom樹上升了一級。你需要使用.parents()。 – mowwwalker

+0

.parents()訣竅。謝謝 – Patrioticcow

回答

4
$(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); 
    }); 
}); 
+0

現場演示請參閱此鏈接:http://jsfiddle.net/nanoquantumtech/zK9k2/ – Thulasiram