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

Question

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

在检查元素时，我注意到一旦单击一个项目，它的状态就会从 更改"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>

Answer 1

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

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

Answer 2

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

$(".meaning").show()