javascript - 如何分割一个字符串,然后将第二个字符串(链接)嵌入到第一个字符串中?

标签 javascript jquery ajax

我对 JavaScript 还很陌生,目前正在使用这个 RSS 源。

当我从 RSS 源检索项目时,会显示以下内容

Google Home Page http://www.google.com

如何拆分该字符串,以便将其第二部分 ( http://www.google.com ) 嵌入到第一部分(Google 主页)中?

最佳答案

首先 - 使用以下正则表达式模式排除链接(搜索以 http:// 开头的字符串)。

/http:\/\/.*[^\W+]/g

匹配的值(数组)被存储到url中,现在我们可以创建 anchor 元素了。 (href 的值是我们的 matches 数组中的元素 0)。

通过将 URL 替换为 retrievedResult 内的空格来生成链接内容。 trim() 是可选的,我用它只是为了删除剩余空间。

retrievedResult.replace(url[0], "").trim()

最后您可以附加构建的 anchor 元素。

var retrievedResult = "Google Home Page http://www.google.com";
var re = /http:\/\/.*[^\W+]/g;
var url = retrievedResult.match(re);
var anchor = '<a href="' + url[0] + '" target="_blank">' + retrievedResult.replace(url[0], "").trim() + '</a>';
$('body').append(anchor);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

关于javascript - 如何分割一个字符串,然后将第二个字符串(链接)嵌入到第一个字符串中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34137671/

相关文章:

javascript - Rails 服务器返回 HTML 而不是 JavaScript

ajax - 使用 SSO : Ajax request

javascript - 在同一页面/路由上具有相同可重用 Redux React 组件的多个实例

javascript - location.hash和history.replaceState

javascript更改选择选项文本

jquery - 将项目从可滚动/可排序拖动到屏幕外的另一个时,如何让屏幕滚动?

jquery - UpdatePanel 内 div 之间的 CSS 过渡效果

php - 在 JQuery 上注入(inject)一些包含 PHP 的 CSS

java - Spring Web Flow + Jquery ajax + JSON

javascript - 循环 JSON 时无法读取未定义的属性 0。