Как удалить элементы идентификатора номера диапазона со страницы? - PullRequest
0 голосов
/ 07 марта 2019

Я использую систему Freshdesk, и я заметил, что в ней есть столбцы, которые я не использую. Итак, с расширением Styler Classic в Chrome я хотел скрыть или удалить столбцы, которые я не использую.

enter image description here

<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>

Как видите, у нас есть data-test-id поле с именем tkt-properties-name

Когда я пытаюсь использовать этот код CSS:

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

или

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

Но ничего не изменилось.

Кроме того, у них есть emberxxxx идентификаторы, которые всегда меняются.
Я пытаюсь использовать:

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

или селектор атрибута:

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

Но ничего не изменилось.

Как удалить те элементы, которые основаны на диапазоне чисел "emberxxxx"?

1 Ответ

0 голосов
/ 07 марта 2019

Понял:

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

А теперь работает!

...