Каким образом можно указать конкретный элемент внутри элемента div и удалить весь родительский div?

Как с использованием jQuery найти родительский элемент (div с классом "case-col col-lg-4 col-md-6") блока, содержащего тег с определенным текстом (например, "онкология"), и удалить его из HTML файла?
  • 27 октября 2023 г. 1:38
Ответы на вопрос 2
1. Чтобы указать конкретный элемент внутри родительского div, вы можете использовать селекторы CSS или функции обхода дерева DOM в JavaScript.

2. Вот пример использования jQuery для нахождения родительского элемента div с классом "case-col col-lg-4 col-md-6" и удаления его из HTML:

```javascript
$(".case-col.col-lg-4.col-md-6:contains('онкология')").parent().remove();
```

Этот код ищет элементы с классом "case-col col-lg-4 col-md-6", содержащие текст "онкология", с помощью селектора ":contains('онкология')". Затем он вызывает функцию `parent()`, чтобы получить родительский элемент div, и вызывает метод `remove()`, чтобы удалить его из DOM.

Обратите внимание, что данный код удалит только первый элемент, соответствующий указанным условиям. Если вам нужно удалить все подходящие элементы, вы можете использовать метод `each()`:

```javascript
$(".case-col.col-lg-4.col-md-6:contains('онкология')").each(function() {
  $(this).parent().remove();
});
```

Этот код будет искать все элементы, соответствующие условиям, и удалять соответствующие родительские элементы div из DOM.
let anchors = document.querySelectorAll('a[rel="tag"]');
for(let i = 0; i < anchors.length; i++)
{
  if(anchors[i].innerText.includes('Онкология')) // Проверяем содержание ссылки
  {
    anchors[i].parentNode.parentNode.parentNode.parentNode.remove(); // Удаляем 4-х предков вверх
    break;
  }
}PS: Не используйте jQuery, когда можно обойтись нативными функциями JS.
Похожие вопросы