如何在一段内容中匹配所有链接？

Question

这么一段内容，其中...表示省略内容中其他内容

...
<ul id="J_UlThumb" class="tb-thumb tm-clear">
    <li class="tb-selected">
        <a href="#"><img src="//..." /></a>
    </li>
    <li>
        <a href="#"><img src="//..." /></a>
    </li>
    ...
</ul>
...

---

如果要提取ul之间的内容可以这样

/J_UlThumb(.*?)\<\/ul/is

如果要提取所有的src可以这样

/src=\"([^"]*)\"/ig

---

请问如果要提取ul之间所有的src，用一条正则该如何写呢？

Answer 1

var str = `
<ul id="J_UlThumb" class="tb-thumb tm-clear">
    <li class="tb-selected">
        <a href="#"><img src="https://m.ctrip.com" /></a>
    </li>
    <li>
        <a href="#"><img src="https://m.taobao.com" /></a>
    </li>
</ul>
`;

var regExp = /(?<=<ul[^>]+>.*src=")[^""]+(?=".*<\/ul)/isg;
var result = [];
var match = null;
while(match = regExp.exec(str)) {   
    result.push(match[0])
}

console.log(result) // ["https://m.ctrip.com", "https://m.taobao.com"]

Answer 2

在第二条正则的前后都加关于ul的零宽断言

Answer 3

let res = str.match(/(?<=src=")(https?\:)?\/\/[^\"]+/gs)