javascript - 在JS中选择带有文本的div

Question

我想像这样修改一个带有特殊文本的div。

<div>
<p>
A global issue
</p>
</div>

如何在 JS 中不使用 id 或 class 获取它？并且只有文本为“A global issue”的 div。

有办法吗？

Answer 1

要定位 div 并将其设置为 display: none，您可以运行:

// Pure JS
document.querySelector("div p").style.display = "none"
// w/jQuery
$('div p').hide();

如果您的 HTML 中有多个 div p 标签，您还可以使用以下方法按文本搜索:

$('div p:contains("A global issue")').css('display', 'none');