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 of link1 包裹div。

我知道我们可以在jQuery中使用.attr()来获取href但是如何使用jquery将其归档？

Answer 1

假设您获得了使用<a>点击的当前$(this)元素（链接2），您可以使用此获取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/

获取同一div中链接的属性

2 个答案: