jquery - 将链接附加到新链接

Question

我一直在使用 onclick 函数来获取转到外部站点的链接:

<a href="http://outsidelink.net" target="_blank" onclick="return confirm('You will now be transfered to a third party website');">External Link</a> 

但我后来使用 jQuery 创建了一个类似“灯箱”的版本，通知用户他们将前往另一个第三方网站。我不想每次都手动将每个链接复制到新的灯箱中。我宁愿从页面上的链接复制 href 并将其添加到我的灯箱中的“继续”按钮。

我如何获取这样的链接:

<a class="outsidelink" href="http://outsidelink.net">External Link</a> 

并将其添加到我的灯箱中，其中有“CopiedLink”:

<div id="container">
<div id="textbox">
<a id="nothanks" href="#">Close</a>
<p>You are about to leave the site and go to a third party website.</p>
<a id="newlinkontheblock" href="CopiedLink" target="_blank">Continue</a>
</div>
</div>

我已经创建了创建灯箱的 .click 函数，我只是不知道如何从页面中获取链接并将其插入到新创建的灯箱中。有什么想法吗？

Answer 1

类似这样的事情应该可以做到

$('a.outsidelink').click(function(e){
   // cancel default action of link so that it is not followed
   e.preventDefault();

   // open light box here


   // then
   $('#newlinkontheblock').attr('href', this.href);
});