如何使用正则表达式删除其类的整个HTML标记(及其内容)?

Pat*_*ins 7 html regex perl filter

我对Regex不是很好,但我正在学习.

我想通过类名删除一些html标记.这是我到目前为止:

<div class="footer".*?>(.*?)</div>
Run Code Online (Sandbox Code Playgroud)

首先 .*?是因为它可能包含其他属性,第二个可能包含其他html内容.

我究竟做错了什么?我试了很多但没有成功.

更新

在DIV内部,它可以包含多行,我正在玩Perl正则表达式.

小智 17

正如其他人所说,HTML处理使用正则表达式是非常棘手的,而DOM方法可能会更好.例如:

use HTML::TreeBuilder::XPath;

my $tree = HTML::TreeBuilder::XPath->new;
$tree->parse_file( 'yourdocument.html' );

for my $node ( $tree->findnodes( '//*[@class="footer"]' ) ) {
    $node->replace_with_content;   # delete element, but not the children
}

print $tree->as_HTML;
Run Code Online (Sandbox Code Playgroud)


Chr*_*org 14

您还希望在div标记之前允许其他内容

<div[^>]*class="footer"[^>]*>(.*?)</div>
Run Code Online (Sandbox Code Playgroud)

另外,不区分大小写.您可能需要转义引号之类的内容或结束标记中的斜杠.你在做什么背景?

另请注意,使用正则表达式进行HTML解析可能非常讨厌,具体取决于输入.在下面的答案中提出了一个很好的观点 - 假设你有一个类似的结构:

<div>
    <div class="footer">
        <div>Hi!</div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

试图为此构建一个正则表达式是灾难的一个方法.最好的办法是将文档加载到DOM中,然后对其进行操作.

应该紧密映射到XML :: DOM的伪代码:

document = //load document
divs = document.getElementsByTagName("div");
for(div in divs) {
    if(div.getAttributes["class"] == "footer") {
        parent = div.getParent();
        for(child in div.getChildren()) {
            // filter attribute types?
            parent.insertBefore(div, child);
        }
        parent.removeChild(div);
    }
}
Run Code Online (Sandbox Code Playgroud)


这是一个perl库,HTML :: DOM,另一个,XML :: DOM
.NET有内置的库来处理dom解析.