Удалите div и ярлык для этого div без id ярлыка

Используя Crispy forms в приложении Django, я HTML код:

<div id="div_id_pripadnost" class="form-group"> <label for="id_pripadnost_0" class="">
               Pripadnost
           </label> 
<div class="">
<div class="form-check"> <input type="radio" class="form-check-input" name="pripadnost" id="id_pripadnost_1" value=""> <label for="id_pripadnost_1" class="form-check-label">
           ---------
       </label> </div>
<div class="form-check"> <input type="radio" class="form-check-input" checked="checked" name="pripadnost" id="id_pripadnost_2" value="CRS"> <label for="id_pripadnost_2" class="form-check-label">
           CRS
       </label> </div>
<div class="form-check"> <input type="radio" class="form-check-input" name="pripadnost" id="id_pripadnost_3" value="SCM"> <label for="id_pripadnost_3" class="form-check-label">
           SCM
       </label>
</div> </div> </div>

Я хотел бы удалить div вместе с id="id_pripadnost_1". Я удалил radio button/div "form-check", но не могу удалить label '---------', так как у него нет идентификатора. Как можно удалить эту метку?

Я пробовал: 

            const radioBtn = document.getElementById('id_pripadnost_1');
            radioBtn.style.display = 'none';
            radioBtn.previousElementSibling.style.display = 'none';

            document.getElementById('id_pripadnost_1').remove();

Если вы действительно хотите удалить сам div, а не только его дочерние элементы, то вы можете сделать это в одном JS remove с помощью CSS :has.

<div id="div_id_pripadnost" class="form-group"> <label for="id_pripadnost_0" class="">
               Pripadnost
           </label>
  <div class="">
    <div class="form-check"> <input type="radio" class="form-check-input" name="pripadnost" id="id_pripadnost_1" value=""> <label for="id_pripadnost_1" class="form-check-label">
           ---------
       </label> </div>
    <div class="form-check"> <input type="radio" class="form-check-input" checked="checked" name="pripadnost" id="id_pripadnost_2" value="CRS"> <label for="id_pripadnost_2" class="form-check-label">
           CRS
       </label> </div>
    <div class="form-check"> <input type="radio" class="form-check-input" name="pripadnost" id="id_pripadnost_3" value="SCM"> <label for="id_pripadnost_3" class="form-check-label">
           SCM
       </label>
    </div>
  </div>
</div>
<script>
  const div = document.querySelector('.form-check:has(#id_pripadnost_1)');
  div.remove();
</script>

Вернуться на верх