在字符串中查找所有图像 src URL 并存储在数组中
Find all image src url in string and store in array
var rawString = '<a>This is sample</a><img src="example1.com" /></br><img src="example2.com" /><p>String ends.</p>'
var output = somefunction(rawString);
输出应为:
输出 = ["example1.com","example2.com"];
我在这里找不到任何解决方案。我尝试使用很少的正则表达式,但无法正常工作。
以下是堆栈溢出的几个答案:
https://stackoverflow.com/a/12393724/4203409
https://stackoverflow.com/a/25632187/4203409
提前谢谢。
使用 Javascript 和正则表达式:
function getAttrFromString(str, node, attr) {
var regex = new RegExp('<' + node + ' .*?' + attr + '="(.*?)"', "gi"), result, res = [];
while ((result = regex.exec(str))) {
res.push(result[1]);
}
return res;
}
用法示例:
var rawString = '<a>This is sample</a><img src="example1.com" /></br><img src="example2.com" /><p>String ends.</p>';
getAttrFromString(rawString, 'img', 'src');
返回:
["example1.com", "example2.com"]
这是你的杰斯菲德尔
您可以使用
jQuery()
,.filter()
,.map()
,.get()
var output = $(rawString).filter("img").map(function() {return this.src}).get();
.使用此示例的筛选器工作
var rawString = '<a>This is sample</a><img src="example1.com" /></br><img src="example2.com" /><p>String ends.</p>';
var indices = new Array();
var result = $(rawString).filter('img').map(function() {
indices.push(this.src);
});
console.log(indices);
.find 将适用于此示例
var rawString = "<style></style><div><div><div class=''><div class=''><div style='position:relative'><div id='' class='sideCross'>X</div> <div class='"vertical-text'">Live Chat</div><img src='"http://localhost/rcm/dashboard'" alt='"text'"/><div class='"speech-bubble'"><img src='".com'" alt='"text'"/></div></div></div></div></div> </div>";
var indices = new Array();
var result = $(rawString).find('img').map(function() {
indices.push(this.src);
});
console.log(indices);
相关文章:
- 如何有效地将游戏数据存储在URL查询字符串中
- 在字符串中查找所有图像 src URL 并存储在数组中
- Javascript配置服务器URL并将其存储
- gcloud节点-我如何确保通过签名URL上传到谷歌云存储的文件是公开可读的
- 存储和检索图像数据URL
- 用于存储、检索和附加到url的javascript cookie
- 在url参数javascript中存储键值对列表
- 如何提取URL并将其存储到MySQL中
- 如何存储&读取输入字段中的任意url
- 尝试将 URL 存储为 JSON
- AJAX URL 追加与存储的 jQuery .data() 冲突
- Javascript下载一个URL-Azure Blob存储
- 将Firebase url存储在外部属性文件中
- 如何从Node中的图像url将图像上传到谷歌云存储
- 将以前的URL存储在AngularJs的web应用程序中
- ASP.NetMVC:尝试使用剃刀语法将图像url存储在js变量中
- jquery将URL存储到数组中,并使用.click()打开它们;带控件的功能
- 如何将url存储在javascript的变量中
- 将url存储在单独的文件中
- 如何将单击的URL存储为变量,以便在if语句中使用