JQuery: Obtenga la identificación del elemento padre de un elemento en el que se hizo clic

Tengo un div como este:

<div id="popupDiv1" class="popupDivClass">
    <a id="popupDivClose" class="popupCloseClass">x</a>
</div>

Cuando hago clic en la 'x' (quiero ejecutar una función jquery llamadadisablePopup(id); donde id es el id del popupDiv correspondiente (tengo muchos popupDiv cada uno con su propio botón X.

para hacerlo, implementé la siguiente

$(".popupCloseClass").click(function (event) {
    var buttonID = $(event.target).attr("id");
    var id = $( buttonID).closest("div").attr("id");
disablePopup(id);
});

basicamente obtengo el id de popupCloseClass y luego obtengo el id de su padre (el popupDiv correspondiente) a través del método más cercano. entonces llamo deshabilitar Popup.

Pero esto no está funcionando

Incluso intenté usar elvar buttonID = $(buttonID).parent().attr("id"); pero tampoco funcionó.

También probévar id = this.id;

Cualquier ayuda es muy apreciad

Gracia

Respuestas a la pregunta(8)

Su respuesta a la pregunta