如何使用检查元素工具更改所有显示状态？答案

【问题标题】：How to change all display status using Inspect element tool?如何使用检查元素工具更改所有显示状态？
【发布时间】：2020-02-08 20:21:27
【问题描述】：

我的目标是打开某个网站上不属于我的所有可折叠项目。该网站的构建方式一次只能打开一个可折叠项目，而我想一次打开所有项目： Webpage screenshot

在检查元素时，我注意到一旦单击一个项目，它的状态就会从 "display: none;" 变为 "display: block;" 我可以成功地将所有项目从"display: none;" 手动更改为"display: block;" 但是，我想找到一种更简单的方法，因为该网页包含 200 多个项目。关于我如何能够做到这一点的任何建议？

这是 200 个相似项目中的代码的样子-

<div class="meaning" data-font-size="17" data-font-size-type="px" data-line-height="24.2857px" style="display: none;">לפחות</div>

【问题讨论】：

你必须使用选择器和一些库来选择它们。您能否发布代码的相关部分（例如描述一项）。
当然，感谢您的快速响应。这是代码的相关部分：
לפחות
嗯..您应该将其编辑到问题中。尝试格式化您的问题，使其易于阅读。
网站有 jQuery 吗？如果您在检查控制台中键入“$”并输入它返回的内容？
它返回： ƒ (e, t) { return new st.fn.init(e, t, X) }

标签： html css web-inspector inspector

【解决方案1】：

如果站点有 jQuery（在控制台中尝试“$”），您可以找到所有带有 $(".meaning") 的 class="meaning" 元素，然后显示（）它们。像这样：

$(".meaning").show()

【讨论】：

【解决方案2】：

如果网站有jquery，你可以使用

$(".meaning").css("display", "block");
$(".meaning").css("display", "none");

【讨论】：