Jquery: ¿Como obtener attributo alt de los divs dentro de un div?

astut · #1 (**permalink**) 15/03/2010, 04:56

Hola, digamos que tengo el siguiente codigo html:

Código HTML:

<div id="mapa">
  <div id="celda1" alt="001"></div>
  <div id="celda2" alt="002"></div>
  <div id="celda3" alt="003"></div>
  <div id="celda4" alt="004"></div>
  <div id="celda5" alt="005"></div>
</div>

Pues me gustaria saber como, mediante jquery, obtener cada alt de cada div dentro del div id "mapa".

Muchas gracias!

Dany_s · #2 (**permalink**) 15/03/2010, 05:58

attr('alt')

Código HTML:

        $("#mapa>div").each( function (){
            alert ( $(this).attr('alt') );
        });

astut · #3 (**permalink**) 15/03/2010, 06:15

Hola Dany_s gracias por responder!

He utilizado lo que me has dicho de la siguiente manera:

Código HTML:

//Obtenemos terrenos
			var terrenos;
			$("#mapa>div").each ( function ()
				{
					terrenos = terrenos + $(this).attr("alt") + "/";
				}
			)
			alert(terrenos);

Pero el alert me devuelve "Undefined" osea sin valor...
Este es el codigo html:

Código HTML:

<div id="mapa" class="mapa">
			<?php
				for ($n=1;$n<641;$n++)
				{ 
		  			$columnas++; 
								
					if ($columnas== 32)
					{
						$columnas = 0;
						echo '<br/>';
					}
					
					//Dibujado de terrenos
					echo "<div id=\"id$n\" alt=\"{$mapa_terrenos[$n - 1]}\" onclick=\"AccionEdicion('$n');\" title=\"$n\" style=\"background: url(../../graficos/mundo/terrenos/{$mapa_terrenos[$n - 1]}.gif);\"></div>";
				}
			?>
        </div>

¿Que puede estar mal? yo lo veo todo bien..

Un saludo!

Dany_s · #4 (**permalink**) 15/03/2010, 06:52

inicia la variable vacia

terrenos vacia

Código HTML:

<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>


    $( function (){
			var terrenos = "";
			$("#mapa>div").each ( function ()
				{
					terrenos = terrenos + $(this).attr("alt") + "/";
				}
			)
			alert(terrenos);
    });
  </script>
</head>
<body>

<div id="mapa" class="mapa">
    <div id="1" alt="uno"></div>
    <div id="2" alt="dos"></div>
    <div id="3" alt="tres"></div>
    <div id="4" alt="cuatro"></div>
    <div id="5" alt="cinco"></div>
</div>

</body>
</html>

astut · #5 (**permalink**) 15/03/2010, 09:10

Hola,

Tambien he probado a iniciarla con algun valor (Por ejemplo 'hola') y entonces el alert me da ese valor, por lo tanto, no esta recogiendo el alt de los divs...

Sige estando mal

mayid · #6 (**permalink**) 15/03/2010, 09:28

- Creo que no tienen que poner "var" porque así hacen que la variable sea local. No? Entonces, dentro de la función "terrenos" es una variable diferente.

- descarto que estas usando document.ready

- tema aparte: estas sobreescribiendo el valor de terreno? O vas a hacer un array?
terrenos = terrenos + $(this).attr("alt") + "/";

astut · #7 (**permalink**) 15/03/2010, 10:41

Que tonto estoy xD, se me olvido poner el window.opener, ya que lo saco todo de una ventana padre

Disculparme!

Dany_s · #8 (**permalink**) 15/03/2010, 10:42

con var creas una variable local dentro de esa funcion, o sea dentro de la función del ready que también es para la función del each, fuaera de ready no va estar definida

Código HTML:

terrenos = terrenos + $(this).attr("alt") + "/";

eso es como un acumulador, a la variable terreno se le concatena lo que contiene la misma variable que es lo mismo que hacer
terrenos += $(this).attr("alt") + "/";

astut: copia la salida que dá tu código php y posteá eso, o sea html

Dany_s · #9 (**permalink**) 15/03/2010, 10:49

ok ahi vi el mensaje jeje ahora funciona?

astut · #10 (**permalink**) 16/03/2010, 05:38

Si ya esta gracias!

Em no utilizo document ready ya que es un mapeador para mi juego web asi que solo entrare yo y no hay carga

PD: ¿No es lo mismo poner el js al final que utilizar ready?

Un saludo!

Dany_s · #11 (**permalink**) 16/03/2010, 06:05

si pero convengamos que no es el lugar adecuado jeje

mayid · #12 (**permalink**) 16/03/2010, 07:58

Cita:

PD: ¿No es lo mismo poner el js al final que utilizar ready?

No, no es lo mismo. Cuando estas poniendo codigo al final, todavía el html no terminó de cargar. Es decir, falta cerrar las etiquetas <body> y <html>, y si quisieras alterar el DOM antes de cargar todo, entonces vas a tener problemas.

Document.ready se ejectuta en una segunda lectura, cuando la primera ya terminó.-

astut · #13 (**permalink**) 17/03/2010, 14:18

AA vale, entonces mejor utilizar document.ready en el header como es lo correcto.

Un saludo!