thymeleaf 删除模板

Dear 丶 2022-11-26 06:52 134阅读 0赞

--------------------

### thymeleaf 删除模板 ###

### \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* ###

**相关标签：th:remove**

**th:remove 属性值：**

**all：**删除**所在标签、子标签、文本**

**body：**不删除所在标签删除，**删除子标签、文本**

**tag：删除所在标签**，不删除子标签、文本

**all-but-first：**删除所在标签的**所有子标签（第一个子标签除外）**

**none：**不执行任何删除操作

### \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* ###

**示例**

**index.html**

<!DOCTYPE html>
    <html lang="en" xmlns="http://www.w3.org/1999/xhtml"
          xmlns:th="http://www.thymeleaf.org" xmlns:sec="https://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <div th:align="center" style="color: coral" th:remove="all">
        hello 瓜田李下
        <span th:text="瓜田李下"></span><br>
        <span th:text="海贼王"></span>
    </div><br>
    
    <div th:align="center" style="color: coral" th:remove="body">
        hello 瓜田李下
        <span th:text="瓜田李下"></span><br>
        <span th:text="海贼王"></span>
    </div><br>
    
    <div th:align="center" style="color: coral" th:remove="tag">
        hello 瓜田李下
        <span th:text="瓜田李下"></span><br>
        <span th:text="海贼王"></span>
    </div><br>
    
    <div th:align="center" style="color: coral" th:remove="all-but-first">
        hello 瓜田李下
        <span th:text="瓜田李下"></span><br>
        <span th:text="海贼王"></span>
    </div><br>
    
    <div th:align="center" style="color: coral" th:remove="none">
        hello 瓜田李下
        <span th:text="瓜田李下"></span><br>
        <span th:text="海贼王"></span>
    </div>
    </body>
    </html>

**\*\*\*\*\*\*\*\*\*\*\*\*\*\*\***

**执行结果**

**th:remove="all"：全部删除**

**th:remove="body"：除所在标签外全部删除**

![20200810180936211.png][]

**th:remove="tag"：删除所在标签，**子标签、文本不删除

![20200810181038990.png][]

**th:remove="all-but-first"：删除所有子标签（第一个除外）**，不删除文本

![20200810181434413.png][]

**th:remove="none"：**不执行任何删除操作

![20200810181533529.png][]

[20200810180936211.png]: /images/20221124/9267c2ce276f43df8f26f7499cb3896f.png
[20200810181038990.png]: /images/20221124/d3e1b865a01c4c26b528cdb0b9285c24.png
[20200810181434413.png]: /images/20221124/4f7048365af84548ab4a627caf38bff2.png
[20200810181533529.png]: /images/20221124/c932e859be2644519613fcb42b142207.png