如何从页面中删除范围数量的元素？

Question

我正在使用 Freshdesk 系统，我注意到它有我不使用的列。 因此，通过 Chrome 上的 Styler Classic 扩展，我想隐藏或删除我不使用的列。

<div id="ember1955" class="ember-view" data-identifyelement="156">
<div data-test-id="tkt-properties-name" data-identifyelement="157">
 <div id="ember1956" class="input ember-view" data-identifyelement="158"> <label for="customFields.name_ember1956" class="label-field " data-identifyelement="159">Name</label>

    <input data-test-text-field="customFields.name" type="text" name="customFields.name" autocomplete="off" id="customFields.name_ember1956" class="ember-text-field ember-view" data-identifyelement="160">
</div>
</div>
</div>

如您所见，我们这里有一个名为 tkt-properties-name

的 data-test-id 字段

当我尝试使用该 css 代码时：

div#tkt-properties-name {display: none; visibility: hidden;}

或

#tkt-properties-name {display: none; visibility: hidden;}

但什么都没有改变。

此外，他们的 emberxxxx id 总是在变化。
我尝试使用：

#ember^ {display: none; visibility: hidden;}

或属性选择器：

#[data-test-id="tkt-properties-name"] {display: none; visibility: hidden;}

但什么都没有改变。

如何删除基于“emberxxxx”数字范围的元素？

Answer 1

知道了：

div[data-test-id^="tkt-properties-name"] {display: none; visibility: hidden;}

现在它开始工作了！