javascript - 如何使用 jQuery 检索 URL 查询字符串中包含的多个十六进制值？

Question

我有一个如下所示的图像标签:

<img src="http://www.example.com/render/pattern?obj=patterns/pattern_1&color=7F8C6C&obj=patterns/pattern_2&color=C8D9B0&obj=patterns/pattern_3&color=FFFFD1" width="100" height="100" alt="" />

我是否可以使用 jQuery/Javascript 搜索 src 属性来查找文本“pattern_1&color=”，然后检索后面的 6 个字符？如果是这样，我会怎样？如果没有，我还能如何检索这 3 个十六进制值？

谢谢

Answer 1

是的 - 只需使用 JavaScript 正则表达式即可准确提取 URL 的该部分:

jQuery("img").each(function(i) {
    m = i.src.match("pattern_1&color=([0-9A-F]{6})"); /* or ([^&]+) if you want to handle named colors */
    if (m) {
        console.log("Found img with color: " + m[1]);
    }
}