如何进行“共享此按钮”以共享其旁边的链接？

Question

这个分享这个按钮做得很好，除了没有共享链接的事实是留在旁边，但页面的链接仍然存在。

e.g。 StackOverflow Link分享此按钮。

问题：如何让这个按钮共享它旁边的链接，在这种情况下，共享StackOverflow链接？

我几乎是JS的新手，所以如果有人可以分享整个工作代码，我们将不胜感激：）

谢谢大家:) VD

Answer 1

假设您的链接是一个锚点（<a... />）而您的按钮是一个按钮（<input type="button" />），您可以将它们包装在容器中并执行以下操作：

<div>
  <a href="http://www.stackoverflow.com/">link</a>  
  <input type="button" value="share link" />
</div>

$(document).ready(function() {
  $('input:button').click(function() {
    var url = $(this).parent().find('a').attr('href');
    // do something to share url.
  });
});

示例：http://jsfiddle.net/fallen888/PaJLT/2/