Чтобы удалить родительский элемент выбранного элемента с помощью jQuery, вы можете использовать несколько методов. Вот несколько возможных подходов:

Метод 1: использование parent()и remove()

$(document).on('click', '.clicked-element', function() {
  $(this).parent().parent().remove();
});

Метод 2: использование closest()и remove()

$(document).on('click', '.clicked-element', function() {
  $(this).closest('.grandparent').remove();
});

Метод 3: использование parents()и eq()с индексом

$(document).on('click', '.clicked-element', function() {
  $(this).parents().eq(1).remove();
});

Метод 4: использование parentsUntil()и last()

$(document).on('click', '.clicked-element', function() {
  $(this).parentsUntil('body').last().remove();
});

Метод 5: использование parentsUntil()и filter()

$(document).on('click', '.clicked-element', function() {
  $(this).parentsUntil('body').filter('.grandparent').remove();
});

Эти методы предполагают, что родительский элемент имеет имя класса «grandparent» для облегчения выбора. Измените имя класса соответствующим образом в соответствии со структурой HTML.