当一个div包含特定文本时，如何隐藏另一个div？

当一个div包含特定文本时，可以使用JavaScript来隐藏另一个div。以下是一种实现方式：

首先，给包含特定文本的div添加一个唯一的id属性，例如id="div1"。
给需要隐藏的div添加一个唯一的id属性，例如id="div2"。
使用JavaScript获取包含特定文本的div和需要隐藏的div的引用。
使用条件语句判断包含特定文本的div的textContent或innerText是否包含目标文本。
如果包含目标文本，则将需要隐藏的div的style.display属性设置为"none"，即隐藏该div；否则，将其设置为其他值，如"block"，以显示该div。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
    <title>Hide Div Example</title>
    <style>
        .container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        .hidden-div {
            display: none;
            background-color: lightgray;
            padding: 10px;
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <div id="div1">
        This is the div containing specific text.
    </div>
    <div id="div2" class="hidden-div">
        This is the div to be hidden.
    </div>

    <script>
        // 获取div的引用
        var div1 = document.getElementById("div1");
        var div2 = document.getElementById("div2");

        // 判断div1的文本内容是否包含特定文本
        if (div1.textContent.includes("specific text")) {
            div2.style.display = "none"; // 隐藏div2
        } else {
            div2.style.display = "block"; // 显示div2
        }
    </script>
</body>
</html>

在上述示例中，当div1的文本内容包含"specific text"时，div2将被隐藏。你可以根据实际情况修改特定文本和样式。