[SOLUCIONADO] mostrar dato con data

[mensajeescrito]

Hola amigos a ver si me pueden ayudar a esto.

necesito que se muestre en un alert, el valor de la variable llamada "foo".


para ello tengo que emplear el codigo que les pongo, pero no se por que no va.

decir que primero hay que hacer click en el boton1 y luego en el boton 2

ya que el boton 1 , guarda el dato.

y el segundo boton 2 , muestra el dato.

gracias de antemano.

Código Javascript:

$(document).ready(function(){
                                
                                $("#btn1").click(function(){
    
                                    $('div').data('keyName', { foo : 'bar' });
                                });
                                
                                
                                
                                $("#btn2").click(function(){
                                    
                                    alert($("div").data("keyName"));
                                });
                            });
 

Código HTML:

<button id="btn1">Guardar dato en div</button>
                    <button id="btn2">Mostrar dato de div</button>      
  
                    <div></div>
 

[GeekGirl]

Le estás asignando como data un objeto y después querés mostrarlo como si fuera texto plano.
Deberías mostrarlo así:

Código Javascript:

$("#btn2").click(function(){
    alert($("div").data("keyName").foo);
});
 

Pero para qué pasarlo como objeto? Si no es imprescindible lo de foo, simplemente crealo y mostralo de la siguiente manera (igualmente con la anterior también funciona):

Código Javascript:

$(document).ready(function(){
    $("#btn1").click(function(){
        $('div').data('keyName', 'bar');
    });
    
    $("#btn2").click(function(){
        alert($("div").data("keyName"));
    });
});
 

Saludos :)

[mensajeescrito]

mil gracias geekgirl, funciona perfecto y he entendido.

veras, sé, que sin hacerlo sin un objeto es mas sencillo, pero academicamente tenia que saber

como se hacia.

mi profesor, insistia en ello.

y la cuestion es que me quedaba cerca por que yo ponia:

Código Javascript:

alert($("div").data("keyName.foo"));
 

en vez de poner:

alert($("div").data("keyName").foo);

saludos