javascript - 我如何从 p 标签中获取文本并将其插入到 href 链接中

Question

我的页面上有一个 Twitter 按钮，单击后它将带您进入 Twitter 页面，您可以在其中输入消息的文本区域。我希望用户在单击“twitter”按钮时将他们带到 Twitter，并且页面上

标记中的文本会自动插入到文本区域中。这是我的按钮

<div id="twitter-btn" class="center">
    <a class="btn btn-info btn-social btn-twitter " href="https://twitter.com/intent/tweet?text=" target="_blank">
    <i class="fa fa-twitter"> Twitter</i>
  </a> 
      </di>

现在 Twitter 提供了自己的按钮以及如何使用它的文档。

<a class="twitter-share-button"
  href="https://twitter.com/intent/tweet?text=Hello%20world">
Tweet</a>

注意字符串是如何附加到 url 末尾的...这是 twitter 按钮文档 https://dev.twitter.com/web/tweet-button 我有一个 id 为“content”的 div 并插入了一个

段落。如何从段落中抓取文本并附加到 Twitter 网址。这是 codepne.io 上的项目 https://codepen.io/zentech/pen/ZyyGgq?editors=1000

Answer 1

首先，您不应该隐藏需要帮助的按钮。 :|

检查这个CodePen

代码:

$('.btn-twitter').on( 'click', function( evt ){
    evt.preventDefault();
    var tweetURL = 'https://twitter.com/intent/tweet?text=' + encodeURIComponent( $('p.sub_text').text() );
    window.open(tweetURL, '_blank');
} )

要在运行时(onclick)中完成此操作，除了阻止默认的超链接操作然后以 JS 方式执行之外，别无选择。