En mi archivo js tengo este código para guardar los selectores:
const lista_reuniones = document.querySelector('#boton-eliminar');
eventListeners();
function eventListeners(){
listaEmpleados.addEventListener('click', invitarEmpleado);
lista_reuniones.addEventListener('click', eliminar_reunion);
}
function eliminar_reunion(e){
if (e.target.parentElement.classList.contains('meeting-plan')){
const id_reunion = e.target.parentElement.getAttribute('data-id-reunion');
console.log(id_reunion);
}
En mi archivo php imprimo un div:
echo "<div class='plans' id='meetings-plans'>";
foreach ($listaReuniones as $reunion) {
if ($date_meeting > $date_now) { ?>
//Aquí cojo el id de la reunión con el atributo data-id
<div class='meeting-plan' data-id-reunion='<?php echo $reunion->getId() ?>'>
<ul class="datos-empleado">
<li>Organizado por: <?php echo $reunion->getIdEmpleadoOrganizador() ?></li>
<li> Asunto: <?php echo $reunion->getAsunto() ?></li>
<li>Sala: <?php echo $reunion->getSala() ?></li>
<li>Fecha: <?php echo $reunion->getFecha() ?></li>
<li>Comienza: <?php echo $reunion->getInicio() ?></li>
<li>Termina: <?php echo $reunion->getFin() ?></li>
<li>Obervaciones: <?php echo $reunion->getObservaciones() ?></li>
<li>Coste Estimado: <?php echo $reunion->getCosteEstimado() ?></li>
<li><a href="../views/empleados_asistentes.php?id=<?php echo $reunion->getId() ?>">Ver Invitados</a></li>
<li><a href="../views/empleado_invitar_vista.php?id=<?php echo $reunion->getId() ?>">Invitar</a></li>
<li><a href="../views/reunionEditar.php?id=<?php echo $reunion->getId() ?>">Editar</a></li>
<li id="boton-eliminar"><a href="#">Eliminar</a></li>
</ul>
</div>
<?php }
}
echo "</div>";
Estoy intentando coger el id de la reunion a traves del atributo data-id del div, para que al hacer click en
<li><a href="#">Eliminar</a></li>
Me imprima el id con un console.log ... Pero no hace absolutamente nada...
¿Qué estoy haciendo mal?