PHP正則表達式匹配只有特定的元素

Question

我的HTML是：

<li> 
    <a href="/prod_1"></a> 
    <img src="/preview_1.jpg" data-image-href="//cdn.example.com/zoom_1.jpg" /> 
</li> 
<li> 
    <a href="/prod_2"></a> 
    <img src="/preview_2.jpg" data-image-href="//cdn.example.com/zoom_2.jpg" /> 
</li> 
... 

我使用這個正則表達式：

/(src|href)=("[^"]+")/siU 

結果是：

[2][0] => "/prod_1" 
[2][1] => "/preview_1.jpg" 
[2][2] => "//cdn.example.com/zoom_1.jpg" 
[2][3] => "/prod_2" 
[2][4] => "/preview_2.jpg" 
[2][5] => "//cdn.example.com/zoom_2.jpg" 
... 

加入<img.*到開始後正則表達式，得到的結果是扭曲的。我只需在IMG元素內匹配src和href屬性。什麼是實現這一目標的正確途徑？

Answer 1

可以限制匹配的字符[^>]（不是關閉anlge支架），只得到了img屬性：

(?:<img\s*?|(?<!^)\G)\s*?([^>=]+)="([^"]*?)"(?=.*?\/>) 

見demo。

添加PHP代碼示例：

$re = "/(?:<img\\s*?|(?<!^)\\G)\\s*?([^>=]+)=\"([^\"]*?)\"(?=.*?\\/>)/siU"; 
$str = "<li>\n <a href=\"/prod_1\"></a>\n <img src=\"/preview_1.jpg\" data-image-href=\"//cdn.example.com/zoom_1.jpg\" />\n</li>\n<li>\n <a href=\"/prod_2\"></a>\n <img src=\"/preview_2.jpg\" data-image-href=\"//cdn.example.com/zoom_2.jpg\" />\n</li>"; 
preg_match_all($re, $str, $matches);