javascript - 如果 Div 包含完全相同的文本，则添加类

Question

好的，所以我正在寻找一个脚本，如果这段代码包含确切的单词“is123”，类“a”将被添加到 div id“#1”，问题是，“:contains”将在没有完全包含整个字符串。我做了研究并找到了答案，但没有一个是我能够理解并适用于我的情况的!谢谢!

div id 1 是倒计时，每秒更改一次。

<div id="1">1:05</div>
<div class="2 hidden">ayyy</div>
<script>
if ($("#1").text().trim() === "1:05") {
$(".2").removeClass('hidden');
}
</script>

Answer 1

<div id="1">is123</div>
<script>
if ($("#1").text().trim() === "is123") {
    $("#1").addClass('a');
}
</script>

你需要把你的脚本放在元素之后，如果它在元素之前，它就找不到元素，因为 DOM 还没有渲染它。除非您将其包装在“jQuery 文档就绪”函数中。

编辑以反射(reflect)对 OP 的更改

<div id="1">is123</div>
<script>
if ($("#1").text().trim() === "is123") {
    $(".2").removeClass('hidden');
}
</script>