Foros del Web » Programando para Internet » Jquery »

Obtener atributo alt e imprimirlo en div

Estas en el tema de Obtener atributo alt e imprimirlo en div en el foro de Jquery en Foros del Web. Hola amig@s tengo el sig. código: Código: <script type="text/javascript"> $(document).ready(function(){ $(".delmen li a img").each(function(i){ var titulo = $(this).attr("alt"); $(".wrappertitle").append('<span>' + titulo + '</span>'); }); }); ...
  #1 (permalink)  
Antiguo 22/02/2013, 21:57
Avatar de iconogt  
Fecha de Ingreso: septiembre-2004
Ubicación: Guatemala
Mensajes: 576
Antigüedad: 20 años, 3 meses
Puntos: 4
Obtener atributo alt e imprimirlo en div

Hola amig@s tengo el sig. código:

Código:
<script type="text/javascript">
$(document).ready(function(){
	   $(".delmen li a img").each(function(i){
      var titulo = $(this).attr("alt");
      $(".wrappertitle").append('<span>' + titulo + '</span>');
	   });    	
});
</script>
Y tengo una estructura como esto:

Código:
<ul class="delmen ">
<li><a><span class="wrappertitle"></span><img alt="titulo1"</a></li>
<li><a><span class="wrappertitle"></span><img alt="titulo2"</a></li>
<li><a><span class="wrappertitle"></span><img alt="titulo3"</a></li>
</ul>
Funciona bien, el problemita es que me esta inprimiendo en ".wrappertitle" todos los atributos "alt" de todos los items: ".wrappertitle(titulo1, titulo2, titulo3)" y lo que quiero es que me imprima el titulo del item a donde corresponde.
__________________
_______
Jorge Rojas.
  #2 (permalink)  
Antiguo 22/02/2013, 22:24
Avatar de rottenp4nx  
Fecha de Ingreso: octubre-2012
Ubicación: Santiago
Mensajes: 417
Antigüedad: 12 años, 2 meses
Puntos: 36
Respuesta: Obtener atributo alt e imprimirlo en div

Es obvio porque cuando haces

$(".wrappertitle") estás llamando a todos los elementos

lo que puedes hacer es

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3.        $(".delmen li a img").each(function(i){
  4.       var titulo = $(this).attr("alt");
  5.       $(this).prev("span").append('<span>' + titulo + '</span>');
  6.        });     
  7. });
  8. </script>

Ve si funciona, Saludos
  #3 (permalink)  
Antiguo 22/02/2013, 22:31
Avatar de iconogt  
Fecha de Ingreso: septiembre-2004
Ubicación: Guatemala
Mensajes: 576
Antigüedad: 20 años, 3 meses
Puntos: 4
Respuesta: Obtener atributo alt e imprimirlo en div

Cita:
Iniciado por rottenp4nx Ver Mensaje
Es obvio porque cuando haces

$(".wrappertitle") estás llamando a todos los elementos

lo que puedes hacer es

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3.        $(".delmen li a img").each(function(i){
  4.       var titulo = $(this).attr("alt");
  5.       $(this).prev("span").append('<span>' + titulo + '</span>');
  6.        });     
  7. });
  8. </script>

Ve si funciona, Saludos
Ese .prev() no lo conocía ahi anda bien, muchas gracias compañero
__________________
_______
Jorge Rojas.
  #4 (permalink)  
Antiguo 22/02/2013, 22:42
Avatar de rottenp4nx  
Fecha de Ingreso: octubre-2012
Ubicación: Santiago
Mensajes: 417
Antigüedad: 12 años, 2 meses
Puntos: 36
Respuesta: Obtener atributo alt e imprimirlo en div

y en el HTML te falta cerrar la Etiqueta img

saludos
  #5 (permalink)  
Antiguo 22/02/2013, 22:44
Avatar de iconogt  
Fecha de Ingreso: septiembre-2004
Ubicación: Guatemala
Mensajes: 576
Antigüedad: 20 años, 3 meses
Puntos: 4
Respuesta: Obtener atributo alt e imprimirlo en div

ah si! pero era solo para ejemplo, en mi php anda bien :) gracias por la observación o/
__________________
_______
Jorge Rojas.

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:06.