如何使用Regex / jQuery从字符串中提取URL

时间:2019-01-21 20:56:09

标签: jquery regex

我有几个类似以下的锚元素,并且需要在for循环中提取所包含图像的完整URL。

<a href="https://genesis28.test/?attachment_id=1524"><img src="https://genesis28.test/wp-content/uploads/2019/01/alesia-kazantceva-283288-1024x683.jpg" alt="" data-id="1524" data-link="https://genesis28.test/?attachment_id=1524" class="wp-image-1524" srcset="https://genesis28.test/wp-content/uploads/2019/01/alesia-kazantceva-283288-1024x683.jpg 1024w, https://genesis28.test/wp-content/uploads/2019/01/alesia-kazantceva-283288-300x200.jpg 300w, https://genesis28.test/wp-content/uploads/2019/01/alesia-kazantceva-283288-768x512.jpg 768w, https://genesis28.test/wp-content/uploads/2019/01/alesia-kazantceva-283288-600x400.jpg 600w, https://genesis28.test/wp-content/uploads/2019/01/alesia-kazantceva-283288.jpg 1600w" sizes="(max-width: 1024px) 100vw, 1024px"></a>

在上面的示例中,我想获取https://genesis28.test/wp-content/uploads/2019/01/alesia-kazantceva-283288.jpg。换句话说,是1600w左侧的URL。

任何人都可以帮助获取网址吗?

1 个答案:

答案 0 :(得分:-1)

在jQuery中:

var imgUrls = $("img").attr('src');

将为您提供图像标签的所有URL的数组。

您不能使用Regex可靠地解析HTML,因为HTML是非正规语言,并且正则表达式用于解析(您猜对了)正规语言。有关更深入的解释,请参见以下臭名昭著的stackoverflow答案:RegEx match open tags except XHTML self-contained tags