[SOLUCIONADO] Links con ajax

[moscrates]

Hola.
Necesito me oriente para logar mi objetivo les platico.

tengo esta estructura en html

Código HTML:

<div id="bandeja">
 <div id="contenido">
    <a href="Ajax.php" data-id="1">MSN 1</a>
    <a href="Ajax.php" data-id="2">MSN 2</a>
    <a href="Ajax.php" data-id="3">MSN 3</a>
    <a href="Ajax.php" data-id="4">MSN 4</a>
 </div>
 <div id="cargador"></div>
</div>
 

lo que tengo que hacer es encontrar todos los h ref dentro del div contenido, saber a que link el usuario le da clik para pasar el atibuto data-id por medio de ajax para cargar la respuesta en el div cargador.

los links sn creados por php..

Pueden orientarme por favor

[moscrates]

Solucion

Código Javascript:

$("a#To").click(function(e) {
      e.preventDefault();
      var data = $(e.target).data();
        for(var i in data){
            dato = data[i];
        }
      $("#cargador").load("BandejaEntrada.php",{valor1:dato}, function(response, status, xhr) {
          if (status == "error") {
               var msg = "Error!, algo ha sucedido: ";
              $("#capa").html(msg + xhr.status + " " + xhr.statusText);
              }
       });
  });