如何使用JavaScript隐藏此按钮？

我们正在使用一家供应商提供的.Net web应用程序。它有一个特性，用户可以输入JavaScript和CSS来执行一些简单的UI修改。它们在加载应用程序时执行

我们想暂时隐藏web UI上的按钮

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

我们使用这个CSS脚本来隐藏按钮，它可以正常工作

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

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

我正在考虑使用JavaScript，但不知道如何开始。有人能帮忙吗

编辑： 谢谢大家的意见。很抱歉，我没有提到其他按钮的id也以ext gen开头

在我看来，我能指的唯一唯一唯一的身份就是按钮的位置

---

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

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

你可以使用CSS

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

或jQuery

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

---

但是，实际上，如果您能够控制渲染的内容，那么最好的方法是尝试添加一个更独特的id/类。

您可以尝试在css中使用这样的id匹配器：

*[id^="ext-gen"] {

}

要选择id以ext-gen开头的所有HTML元素，请执行以下操作：

td.x-toolbar-cell[id^=ext-gen]{
    display: none !important;
}

---

如果只有数字更改，请参阅以获取更多信息。

尝试使用css类名来完成此操作

你可以通过在show div中添加打开的链接来解决这个问题

HTML

使用了这种溶液。

---

祝贺您

看起来像是一个使用ExtJS的应用程序。除非您能说服供应商为元素提供正确的id，否则很难找到正确的id。即使id发生变化，您也需要找到标识按钮的某些方面。它是唯一一个以ext gen开头的吗？它总是工具栏中的第一个按钮吗？它是唯一一个使用x-toolbar-cell类的吗？代码中有一个错误。它应该是ext-gen391，而不是ext-gen391。值得注意的是，UpdateEdit并不是唯一以ext-gen开头的按钮。是的，它始终是工具栏右端该部分的第一个按钮。不，它不是唯一一个有x-toolbar-cell的class@ammoQ你是说我们只能从开发人员那里获得另一个ID，而不能从F12开发人员工具中找到它？

<div id="show">
    <a href="#show" id="open" class="btn btn-default btn-sm">Open</a>
    <div id="content">
        some text...
        <a href="#hide" id="close" class="btn btn-default btn-sm">Close</a>
    </div>
</div>

#content {
    display: none;
}
#show:target #content {
    display: inline-block;
}
#show:target #open {
    display: none;
}