[SOLUCIONADO] Paso de variables entre funciones de JQuery

[Nostromoz]

Buenas a todos,

Siempre suelo trabajar con PHP pero en este caso por ciertos requisitos me han pedido que trabaje con JQuery. Al principio no tenía problemas pero llevo un par de días atascado con un problema y no soy capaz de sacarlo, realmente tampoco se si va en esta sección o podría ir directamente a la de Javascript... Voy a intentar explicarlo de forma breve y clara:

Dentro de un bucle foreach en php me saca un listado de unas incidencias que están almacenadas en una BBDD en MySQL. Dentro de ese bucle, necesito recuperar el "ID" de cada incidencia para cuando se pulse sobre un botón se borre la incidencia deseada (en mi caso, cada incidencia tiene asociado un botón de borrar con su ID correspondiente). Quitando código que no viene al caso, básicamente queda en esto:

Código PHP:

foreach ($incidencia as $row) {
echo "<div class='botoneraizq'><input type=image src='../../recursos/Boton_Borrar.jpg' class='abrirborrar' value='".$row->id."'></div>";
}
 

En la parte de JQuery, tenemos una función que llama a un evento click y dicho elemento recoge el $row->id del "Value"del código anterior y llama a una ventana modal. La ID concreta de cada incidencia la recibe perfectamente:

Código Javascript:

$(".abrirborrar").click(function (){
        var id = $(this).val(); //Obtengo el Value con el id del elemento a borrar
        alert (id); //Compruebo que se recibe el id correcto de cada incidencia
        return id; // No tengo muy claro si puede devolver un valor
      $("#borrar").dialog("open");
    });
 

En dicha ventana Modal, al pulsar el botón "OK" se activa una función que llama a un archivo PHP que se encargará de borrar la incidencia con la ID seleccionada. El problema que encuentro es que necesito recuperar la variable "id" del JQuery que he puesto justo arriba en esta función y no encuentro la manera de recuperar esta variable para poder mandárselo al php de borrado, os dejo el código:

Código Javascript:

$("#borrar").dialog({
 
// Aquí hay mas código que no es relevante
 
buttons: {
          
        "Ok": function() {
            
        // Aquí es donde necesito recuperar la ID del JQuery anterior para mandárselo al "borraincid.php"
 
            jQuery.post ("../../recursos/borrarincid.php", {id:id}, 
                    function(data, textStatus){                        
                        if(data == 1){
                            $("#borrar").dialog("close");
                            document.location.reload(true);
                        } else {
                            $("#fracaso").delay(500).fadeIn("slow");;
                        }
            });
        },
});
 

He intentado recuperar la ID de la incidencia directamente en el botón "OK" de la ventana modal para enviarlo al archivo php, pero siempre me recogía el último valor del bucle.

Perdonad por haberme enrollado tanto, pero quiero dejar las cosas claras para no haceros perder el tiempo.

Muchas gracias de antemano y un saludo.

[diurno10]

No trabajo con dialog, peor leyendo la docu veo que asi lo podes pasar

Código Javascript:

$('#modal-div').data('mydata', data).dialog('open');
 

y asi lo recuperas

Código Javascript:

var data = $('#modal-div').data('mydata');
 

[Nostromoz]

Muchísimas gracias diurno10, todo perfecto con lo que me has pasado.

Un saludo!