javascript - 从字符串中仅获取 URL "href"

Question

假设我的数据库中有一个字符串，如下所示:

<a class=' text-info' href='description/Q0RFU0NJRDM=/Acetaminophen (Tylenol) Poisoning'&#47;>Acetaminophen (Tylenol) Poisoning<a &#47;>

<a class=' text-info' href='description/Q0RFU0NJRDQ=/Achalasia'&#47;>Achalasia<a &#47;>

如何通过 Javascript 只获取这些字符串中的 URL 部分？

输出应该是:

description/Q0RFU0NJRDQ=/Achalasia 

description/Q0RFU0NJRDM=/Acetaminophen (Tylenol) Poisoning

Answer 1

您可以通过以下方式获取网址: 首先，将 anchor 存储在数组中

urls  = ["<a class=' text-info' href='description/Q0RFU0NJRDM=/Acetaminophen (Tylenol) Poisoning'&#47;>Acetaminophen (Tylenol) Poisoning<a &#47;>",
"<a class=' text-info' href='description/Q0RFU0NJRDQ=/Achalasia'&#47;>Achalasia<a &#47;>"];

现在，使用数组的map方法

var _urls = urls.map(function(url){
   var div = document.createElement('div');
   div.innerHTML =  url;
   return div.children[0].getAttribute('href');
});

您可以迭代该数组并创建一个临时 div 并将 anchor 添加为innerHTML，以获取 HTML 元素并返回该元素的 href 属性。

片段

urls  = ["<a class=' text-info' href='description/Q0RFU0NJRDM=/Acetaminophen (Tylenol) Poisoning'&#47;>Acetaminophen (Tylenol) Poisoning<a &#47;>",
"<a class=' text-info' href='description/Q0RFU0NJRDQ=/Achalasia'&#47;>Achalasia<a &#47;>"];

var _urls = urls.map(function(url){
   var div = document.createElement('div');
   div.innerHTML =  url;
   return div.children[0].getAttribute('href');
});

console.log(_urls);