Как удалить индикатор загрязнения из элемента html DOM в Jquery

Question

У меня есть большое html, мне нужно удалить один из элементов диапазона индикатора загрязнения, но в HTML так много индикатора загрязнения, но мне нужно удалить только индикатор загрязнения, который присутствует рядом с Ярлык «API Key:». Пожалуйста, помогите мне. это мой элемент DOM -

<div tabindex="0" class="i-field" data-uid="38aad744-b2b0-4ea2-a47e-fdc06c3d583b">
            <span class="i-label">API Key: </span>
            <span class="i-value">

                <span class="k-dirty "></span>

                2cef8f3c-3969-4720-b4e1-99d91ea16815
            </span>
        </div>

Answer 1

Вы можете назначить грязные элементы, выяснить, находятся ли они рядом с элементом с помощью API Key: и, если они есть, удалить класс.

$('.k-dirty').closest('[data-uid]').find('.i-label:contains("API Key:")').each(function(){
  $(this).closest('[data-uid]').find('.i-value .k-dirty').remove();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div tabindex="0" class="i-field" data-uid="38aad744-b2b0-4ea2-a47e-fdc06c3d583b">
  <span class="i-label">API Key: </span>
  <span class="i-value">

                <span class="k-dirty "></span> 2cef8f3c-3969-4720-b4e1-99d91ea16815
  </span>
</div>

Answer 2

Используйте :contains() для соответствия элементу, который содержит указанную c строку в тексте. И используйте .siblings(), чтобы получить другие элементы, которые являются потомками того же родителя, которые затем могут быть отфильтрованы с помощью селектора.

$("span.i-label:contains(API Key:)").siblings(".i-value").find(".k-dirty").remove()