正則表達式匹配特定的html標籤

Question

我正在做的形式，讓我們的用戶發送給我的HTML代碼，其中包含圖像鏈接。就像這樣：

<a href="http://linklocation.com" target="_blank"><img src="http://imagelocation.com" border="0"></a> 
<a href="http://linklocation.com" target="_blank"><img src="http://imagelocation.com" border="0"></a> 
<a href="http://linklocation.com" target="_blank"><img src="http://imagelocation.com" border="0"></a> 
<a href="http://linklocation.com" target="_blank"><img src="http://imagelocation.com" border="0"></a> 
<a href="http://linklocation.com" target="_blank"><img src="http://imagelocation.com" border="0" width="100px" height="100px"></a> <br> 

現在我試圖用正則表達式只選擇a和img HTML標籤，其中IMG可以<img />，<img></img>或<img>。我現在還沒有設置寬度，高度或其他設置，但它們也應該與RegEx一起出現。如果有任何其他HTML標籤，則不應使用RegEx。

所以basicly如果有HTML代碼：

<a href="http://linklocation.com" target="_blank"><img src="http://imagelocation.com" border="0"></a> 
<a href="http://linklocation.com" target="_blank"><p>Hello world!</p></a> <script>Something</script> 
<a href="http://linklocation2.com" target="_blank"><img src="http://imagelocation2.com" border="0" width="200px" height="20px"></a> 

正則表達式應該返回這些：

<a href="http://linklocation.com" target="_blank"><img src="http://imagelocation.com" border="0"></a> 
<a href="http://linklocation2.com" target="_blank"><img src="http://imagelocation2.com" border="0" width="200px" height="20px"></a> 

我希望你明白我所期待的。

Answer 1

你的正則表達式的解決方案是：

/<a\s*.*?><img\s*.*?<\/a>/ 

PHP例子：

$string = '<YOUR TEXT HERE>'; 
preg_match_all('#<a\s*.*?><img\s*.*?</a>#', $string, $matches); 
print_r($matches[0]); 

JavaScript示例：

var string = '<YOUR TEXT HERE>'; 
var matches = string.match(/<a\s*.*?><img\s*.*?<\/a>/g); 
console.log(matches)