获取同一 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>

当我点击 first 包装 div 的 LINK2 时，jQuery 获取 first 的 link1 的 href换行。

我知道我们可以在 jQuery 中使用 .attr() 获取 href，但我如何使用 jQUery 将其存档？

Answer 1

假设你得到了当前<a>元素（链接2），它已经被$(this)点击了，你可以使用这个来获取Link1：

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

Answer 2

修改 html 删除重复的 id 并改用 class

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