replace() 或 wrap() http://name.tld/request_url?parameter with <a href="this">...</a>?

Question

有没有更好的方法用<a href>替换/包装某些html元素中的h*tp://name.tld/request_url?parameter或h*tps://name.tld/request_url?parameter文本。

这是我的代码：

jQuery('#posts .post').each(function() {
  elem = jQuery(this);
  elem.html(
    elem.text()
    .replace(/(http?:\/\/?\S+)/g, "<a href='$1'>$1</a>")
  );
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="posts">
  <div class="post">
    Tweet text 1 http://google.com and other text.
  </div>
  <div class="post">
    Tweet text 2 https://www.google.com and other text.
  </div>
  <div class="post">
    Tweet text 3
  </div>
  <div class="post">
    ...
  </div>
</div>

任何jQuery.wrap() 替代方案也不错。

Answer 1

没有比这更好的方法了，不过你可以稍微简化一下，像这样：

jQuery('#posts .post').each( function () {
  jQuery(this).html(function(i, html) {
    return html.replace(/(http?:\/\/?\S+)/g, "<a href='$1'>$1</a>");
  }); 
});

仅在您确定帖子不包含 HTML 的情况下使用此方法，否则请使用您拥有的内容。

jQuery 与 DOM 节点一起工作，而不是节点内的文本，或者更确切地说，因为它只是 JavaScript……但它没有为此提供很多额外的功能。 jQuery，包括 .wrap()，专注于 DOM 操作，而不是文本。