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

Posted 2023-02-22

【中文标题】如何使用检查元素工具更改所有显示状态？

【英文标题】：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- style="display: none;">לפחות</div>

【问题讨论】：

你必须使用选择器和一些库来选择它们。您能否发布代码的相关部分（例如描述一项）。

当然，感谢您的快速响应。这是代码的相关部分： לפחות

嗯..您应该将其编辑到问题中。尝试格式化您的问题，使其易于阅读。

网站有 jQuery 吗？如果您在检查控制台中键入“$”并输入它返回的内容？

它返回： ƒ (e, t) return new st.fn.init(e, t, X)

【参考方案1】：

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

$(".meaning").show()

【参考方案2】：

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

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