正则表达式-匹配HTML代码的多行块

Question

我的正则表达式有问题。 我需要匹配HTML块。

示例块在这里：

<tr class="tr-list " data-id="XX">
    <td class="ip-img"><div class="gun-icon"></div><img src="https://example.com/images/stories/HCP/HCP_5.jpg"/></td>
    <td class="ip-name ip-sort">Hotel Complex Project</td>
    <td class="ip-price ip-sort">297.00</td>
    <td class="ip-earnings ip-sort">43</td>
    <td class="ip-shares ip-sort">86</td>
    <td class="ip-status {'sorter':'currency'}"><img
            src="/img/assets/arrow1.png" title="0.989990234375"/></td>
    <td class="ip-blank-right"></td>
</tr>

这些HTML块中的每个块都应分别匹配，然后我要从中提取其他数据（例如ip-name，ip-price，ip-earnings ..）。

但是我当前的正则表达式会匹配所有内容，直到“（？=）”部分不再成立为止： http : //regexhero.net/tester/ ?id=2b491d15- ee83-4dc7-8fe9-62e624945dcf

我需要更改以使每个块都匹配吗？

问候！ :)

PS .：希望我的意思是可以理解的...

Answer 1

这应该获得所有tr行：

<tr class="tr-list[\s\S]+?</tr>

这将获得所有tr行，其中各列具有匹配的组：

<tr class="tr-list[^<]*?<td class="ip-img">(.*?)</td>\s*<td class="ip-name.*?">(.*?)</td>\s*<td class="ip-price.*?">(.*?)</td>\s*<td class="ip-earnings.*?">(.*?)</td>\s*<td class="ip-shares.*?">(.*?)</td>\s*<td class="ip-status.*?">([\s\S]*?)</td>[\s\S]+?</tr>

Answer 2

嵌套的html将需要来自正则表达式匹配的嵌套数组，这可以使用jquery完成，也可以使用正则表达式手动生成树

Answer 3

此正则表达式将捕获未自我封闭的整个html块：

var hmtlText="<div bar='baz'>foo</foo>";
var pattern = /<([\w]+)( (( +)?[\w]+=['"](\w+)?['"])?)+( )?(\/)?>((([\t\n\r\s]+)?)+(((.)+)?)+((\10)?)+)+?<\/(\1)>/igm;
console.log((pattern.test(htmlText) ? 'valid' : 'invalid') + ' html block');