Coger valor de la capa al hacer click sobre ella

[corei7]

Buenas, tengo una duda:

Tengo un documento script PHP que vuelca valores de una tabla de base de datos y para cada campo crea una capa (DIV) con el mismo ID todas. Ejemplo:

Código:

<div id='titlesx' onclick='usrclick();'>
  <li style='list-style:none;'>
     	<div id='fieldxid'>{$row['id']}</div>
	<div id='fieldx'>{$row['email']}</div>											
  </li>
</div>

Y necesito que al hacer click sbre la capa TITLESX, coja el valor de la capa FIELDXID.

El problema está en que habrán muchas capas con la ID "TITLESX". Cómo hacer para que devuelva el valor de la capa en la que se ha hecho click? Muchas gracias de antemano.

[Alexis88]

No es correcto que haya más de un elemento con el mismo ID. Tienes que asignarles un ID distinto a cada elemento. Aún así, el procedimiento es bastante sencillo:

Código HTML:

<div id='titlesx' onclick='usrclick(this);'>
  <li style='list-style:none;'>
    <div id='fieldxid'>{$row['id']}</div>
    <div id='fieldx'>{$row['email']}</div>                                          
  </li>
</div>
 

Código Javascript:

function usrclick(div){
  var contenido = div.getElementsByTagName("div")[0].innerHTML;
  alert(contenido);
}
 

Como notarás, le paso a la función la palabra reservada this que hace referencia al elemento en donde está ocurriendo el evento. En la función, busco los elementos Div dentro de él, tomo el primero de ellos y su contenido. Finalmente, imprimo el contenido del primer Div.

Aquí puedes ver este ejemplo en ejecución.

Saludos