得到一個鏈接這是在同一div

Question

我怎樣才能得到一個鏈接，是在同一div作爲另一元素的屬性（HREF）的屬性，見下面的例子：

<div id="wrap"> 
     <div id="column1"> 
     <div class="desc">Some stuff</div> 
     <a href="#1" class="url link1">Link1</a> 
     </div> 
     <div id="column2"> 
     <div class="desc2">Another Some stuff</div> 
     <a href="#" class="url link2">Link2</a> 
     <div> 
    </div> 


    <div id="wrap"> 
     <div id="column1"> 
     <div class="desc">Some stuff</div> 
     <a href="#2" class="url link1">Link1</a> 
     </div> 
     <div id="column2"> 
     <div class="desc2">Another Some stuff</div> 
     <a href="#" class="url link2">Link2</a> 
     <div> 
    </div> 

當我點擊第一包裝DIV的LINK2，jQuery的得到HREF的第一包裝DIV的鏈接1的。

我知道我們可以在jQuery中使用.attr()獲得href，但是如何使用jQuery將其歸檔？

Answer 1

比方說，你得到當前<a>元素（鏈接2）已點擊使用$(this)，你可以得到Link1使用這個：

alert($(this).parent().prev().find('a.link1').attr('href'));

Answer 2

修改HTML刪除重複的ID和使用類，而不是

<div class="wrap"> 
     <div id="column1"> 
     <div class="desc">Some stuff</div> 
     <a href="#1" class="url" id="link1">Link1</a> 
     </div> 
     <div id="column2"> 
     <div class="desc2">Another Some stuff</div> 
     <a href="#" class="url" id="link2">Link2</a> 
     <div> 
    </div> 


    <div class="wrap"> 
     <div id="column1"> 
     <div class="desc">Some stuff</div> 
     <a href="#2" class="url" id="link1">Link1</a> 
     </div> 
     <div id="column2"> 
     <div class="desc2">Another Some stuff</div> 
     <a href="#" class="url" id="link2">Link2</a> 
     <div> 
    </div> 

jQuery的

$(".wrap").delegate("a","click",function(e){ 
e.stopPropagation(); 
    alert($(this).attr("href")); 

}); 

http://jsfiddle.net/3Bh5J/1/