popup ids en javascript con php

[NSD]

Podrias usar algo asi:

Código PHP:

<?php
    $resultado = mysqli_query($con, "select * from capacitaciones")
        or die("Error en la consulta de la capacitacion " . mysqli_error($con));
 
    while($registro = mysqli_fetch_array($resultado))
    {
        echo "<div class=\"header2\" style=\"background-image: url({$registro['imagen']});\">
                <a href=\"#\" class=\"nombreCap open_popup\" data-info=\"".str_replace('"', '\\"', json_encode($registro))."\">
                    <br>".utf8_decode($registro['nomCapacitacion'])."
                </a>
              </div>";
    }
?>
    <div id="popup_info" style="display: none;">
        <div class="content-popup">
            <div class="close">
                <a href="#">
                    <img src="images/close.png"/>
                </a>
            </div>
            <div>
                <div class="descCapa">
                    Id:
                    <div id="info_popup_idCapacitacion"></div>
                </div>
                <div class="descCapa">
                    Descripcion:
                    <div id="info_popup_descripcion"></div>
                </div>
                <div class="descCapa">
                    Responsable:
                    <div id="info_popup_responsableCapa"></div>
                </div>
                <div class="descCapa">
                    Fecha - Hora:
                    <div>
                        <span id="info_popup_fechaCapacitacion"> - <span id="info_popup_horaCapacitacion">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function () {
            $(".open_popup").click(function () {
                $("#popup_info").fadeIn('slow');
                $("body").css('opacity', '0.9');
                var data_info = JSON.parse($(this).data("info"));
                for(var prop in data_info)
                    $("#popup_info #info_popup_"+prop).html(data_info[prop]);
            });
    
            var close_popup = function () {
                $("#popup_info").fadeOut('slow');
                $("body").css('opacity', '1');
                return false;
            };
            $(".close").click(close_popup);
            $("#popup_info").mouseleave(close_popup);
        });
    </script>
 

si quieres mostrar mas datos en el popup solo tienes que agregar los id correspondientes y javascript los completara automaticamente.