jquery - 获取一个 href attr 并将其设置为另一个

Question

<script type="text/javascript">
$(function() {

    $('.thelink a').select(function() {

        var a_href = $(this).attr("href");

    });
    $('.calltoActionMoreInformation a').attr('href', a_href);
});
</script>

  <div class="thelink" style="height: 250px; position: relative;">
  <a title="xxx" href="xxx">
    <img alt="tree" src="x" />

  </a>
  </div>

试图将href从内部放入：

  <span class="calltoActionMoreInformation" style="position: absolute; bottom: 0px;">
   <a title="" href="--Link here--"></a>
  </span>

如果我设置 var a_href = 'http://www.google.co.uk'; 它设置正确，所以问题在于获取.thelink div中唯一链接的href ..

如何将 .thelink a 中的 href 分配给 .calltoActionMoreInformation a ？

Answer 1

$('.thelink a').click(function(e) {
   e.preventDefault();
   var a_href = $(this).attr("href"); // or this.href
   $('.calltoActionMoreInformation a').attr('href', a_href);
});

演示

Answer 2

1 - 变量“a href”不能从全局上下文访问，只能从 select 函数访问。

2 - 为什么在这种情况下使用“选择”功能“点击”更合适

更正：

$(function(){

    $('.thelink a').click(function(e) {
        $('.calltoActionMoreInformation > a').attr('href', $(this).attr('href'));
            e.preventDefault(); // or
        return false; // this is important is you dont want the browserfollow the link
    });

});

这样对吗 ？

Answer 3

$('.thelink a').click(function() {
   var a_href = $(this).attr("href");
   $('.calltoActionMoreInformation a').attr('href', a_href);
   return;
});