javascript - 如何使用 JavaScript 隐藏这个按钮？

Question

我们正在使用来自 vendor 的 .Net 网络应用程序。它具有让用户输入 JavaScript 和 CSS 以执行一些简单的 UI 修改的功能。它们在加载应用程序时执行。

我们想在 web UI 上临时隐藏一个按钮。

在 F12 开发者工具中，我们找到了该按钮的 ID。

我们使用这个 CSS 脚本来隐藏按钮并且它有效。

#ext-gen391 {
display: none !important;}

但是，id 不是固定的。它随着登录用户组的不同而变化。所以那个 CSS 脚本还不够好。

我正在考虑使用 JavaScript，但不确定如何开始。有人可以帮忙吗？

编辑:感谢大家的投入。抱歉，我没有提到其他按钮的 ID 也以 ext-gen 开头。

在我看来，我唯一可以引用的“唯一身份”就是按钮的位置。

如何隐藏第三个 td 元素？请注意，id ext-gen391 不是固定的。不同的登录用户组会有所不同。

Answer 1

首先，您尝试根据类而不是 Id 选择按钮的那一小段 CSS。这就是它不起作用的原因。

你可以使用 CSS

[id^=ext-gen] {
   display: none !important;
}

或jQuery

$('[id^=ext-gen]').hide();

但是，实际上，如果您可以控制呈现的内容，最好的方法是尝试添加一个更独特的 ID/类。