[SOLUCIONADO] Error al seleccionar imagen y realizar funcion

[joiscafo]

Antes que todo una disculpa porque no supe que poner de titulo

...Hola tengo un problema con mi función de jquery, lo que hace es que cuando se da clic a una imagen, consultara en una script de php una posible sugerencia usando como identificador la propiedad alt de la etiqueta imagen.

asi el código html de mis imágenes

Código:

<img src="imagenes/help.png" id="imgHelp" alt="1" width="25" height="25" />
<img src="imagenes/help.png" id="imgHelp" alt="2" width="25" height="25" />

y esta mi funcion jquery

Código:

$(document).ready(function() {
    $("#imgHelp").click(function () {
         if ($('#mensaje').is (':hidden'))
	 {
	      $('#mensaje').load('ayuda.php',{help:$("#imgHelp").attr("alt")});
	      $('#mensaje').show();
	 }
	else
	      $('#mensaje').hide();
    });
});

Mi problema es que solo con la primera imagen funciona perfectamente y con las demas no.

Que estoy haciendo mal?... ojala me puedan guiar gracias.

[David]

El primer problema que veo es que tienes el mismo id para las dos imágenes. El id no debe repetirse en el documento, debe ser único. Puedes utilizar una clase o si tienes todas las imágenes en un contenedor usar el selector "#idcontenedor img"

[emprear]

Iniciado por joiscafo

Antes que todo una disculpa porque no supe que poner de titulo

...Hola tengo un problema con mi función de jquery, lo que hace es que cuando se da clic a una imagen, consultara en una script de php una posible sugerencia usando como identificador la propiedad alt de la etiqueta imagen.

asi el código html de mis imágenes

Código:

<img src="imagenes/help.png" id="imgHelp" alt="1" width="25" height="25" />
<img src="imagenes/help.png" id="imgHelp" alt="2" width="25" height="25" />

y esta mi funcion jquery

Código:

$(document).ready(function() {
    $("#imgHelp").click(function () {
         if ($('#mensaje').is (':hidden'))
	 {
	      $('#mensaje').load('ayuda.php',{help:$("#imgHelp").attr("alt")});
	      $('#mensaje').show();
	 }
	else
	      $('#mensaje').hide();
    });
});

Mi problema es que solo con la primera imagen funciona perfectamente y con las demas no.

Que estoy haciendo mal?... ojala me puedan guiar gracias.

No podés repetir los id, estos deben ser únicos y puesto asi te recupera siempre el alt de la primera imagen, utilizá otro selector, un class, por ejemplo.
luego en el click

var argumento= $(this).attr("alt");
con lo que obtendrías 1 ó 2 según la imagen clickeada.

Saludos

[joiscafo]

Es cierto tiene razón ya lo modifique siguiendo sus sugerencias y lo deje de la siguiente manera:

<div id="contenedorI">
<img src="imagenes/help.png" alt="1" width="25" height="25" />
<img src="imagenes/help.png" alt="1" width="25" height="25" />
</div>

y el codigo del jquery de esta manera:

$(document).ready(function() {
$("#contenedorI img").click(function () {
if ($('#mensaje').is (':hidden'))
{
$('#mensaje').load('ayuda.php',{help:$("img").attr ("alt")});
$('#mensaje').show();
}
else
$('#mensaje').hide();
});
});

Pero no obtengo el valor del atributo alt, sigo cometiendo un error o deberia de intentar tomar otro atributo?

[joiscafo]

Ya corregí el error

Fue falta de atencion, lo correcto es asi:

$(document).ready(function() {
$("#contenedorI img").click(function () {

var id = $(this).attr("alt");
var nombre = "#mensaje" + id;

if ($(nombre).is (':hidden'))
{
$(nombre).load('ayuda.php',{help:id});
$(nombre).show();
}
else
$(nombre).hide()
});
});

Gracias