jQuery: Удалить Parent Div, если элемент внутри не имеет класса

Question

У меня есть сетка с 3 столбцами, каждый столбец имеет одинаковую div class. Внутри каждого столбца находится диапазон с классом class="simplefavorite-button" ИЛИ class="simplefavorite-button.active". Таким образом, разметка выглядит следующим образом:

<div class="vc_grid-item">
  <div class="some-class">content</div>
<span class="simplefavorite-button">heartbutton</span>
</div>

<div class="vc_grid-item">
  <div class="some-class">content</div>
<span class="simplefavorite-button">heartbutton</span>
</div>

<div class="vc_grid-item">
  <div class="some-class">content</div>
<span class="simplefavorite-button.active">heartbutton</span>
</div>

Итак, я пытаюсь удалить самый верхний элемент div для любого столбца с классом class = 'vc_grid-item ', если элемент в этом родительском классе не равен class class = "simplefavorite-button.active"

Ниже приведен код, который я пробовал. Но не имели никакого успеха. Любая помощь очень ценится. Спасибо.

Мой код

jQuery('simplefavorite-button.active').each(function () {
    jQuery('span').not(this).closest('.vc_grid-item').hide();
});

Answer 1

Попробуйте это.

jQuery('.simplefavorite-button').not(".active").each(function () {
    jQuery(this).closest('.vc_grid-item').hide();
});