click sul tag impostato

[techno]

Ciao a tutti e scusate per il titolo ma non mi veniva nulla in mente.
Ho questo code html e js:

<ul>
<li class="cnt-list">
<div>...</div>
<div>...</div>
<div>...</div>
</li>
<li class="cnt-list">
<div>...</div>
<div>...</div>
<div>...</div>
</li>
<li class="cnt-list">
<div>...</div>
<div>...</div>
<div>...</div>
</li>
...
</ul>

JS:

const recGrid = document.querySelectorAll(".cnt-list");


recGrid.forEach((item) => {
    item.addEventListener("click", (e) => {
        e.target.classList.toggle("active");
        let data = e.target.getAttribute("data-ida");
        alert(data);
    });
});

Ora se clicco su un li giustamente lui mi dice che ho cliccato su uno dei div figli, come posso modificare per far si che anche se il click avvine su un div mi deve restituire il padre "li"
Questo potrei farlo con parentNode "e.target.parentNode... ma ce un modo differente?