.text() no funciona en atributo alt de una imagen

oscarbt · #1 (**permalink**) 03/05/2013, 09:28

Hola a todos, tengo una imagen y en alt le tengo un valor asignado:

Código HTML:

Ver original<img src='imagenes/detalle.png' style='cursor:pointer' class='det-usu-reg' alt='valor_1'   >

Como observan, esa imagen tiene un class y a traves de ese class y de la propiedad .text() de jquery que quiero ver el valor del atributo alt

Lo hago de la siguiente manera:

Código Javascript:

Ver original$(document).ready(function (){
 
        $("img.det-usu-reg").click( function(){ 
        var valor = $(this).attr("alt");
        var contrato = $(valor).text();
        alert(contrato);
    
});
 
});

Pero el alert me sale en blanco.....
Como puedo entonces conocer el valor de un alt en una imagen ?
Agradezco me puedan dar alguna indicación

emprear · #2 (**permalink**) 03/05/2013, 10:04

Entonces lo que necesitás es la variable valor, porque el text() es el texto contenido dentro de una etiqueta

Ejemplo

Código:

<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>mag cam</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function (){
 
        $("img.det-usu-reg").click( function(){ 
        var valor = $(this).attr("alt");
        var contrato = $(valor).text();
        alert(valor);
    
});
 
        $("span").click( function(){ 
        var valor = $(this).attr("title");
        var contrato = $(this).text();
        alert(valor);
        alert(contrato);
    
});
 
});
//]]>
</script>
</head>
<body>
	<img src='botones_enc.jpg' style='cursor:pointer' class='det-usu-reg' alt='valor_1'  />
	<br /><br />
	<span title="esto es el title del span">esto es el text del span</span>
</body>
</html>

Saludos

oscarbt · #3 (**permalink**) 03/05/2013, 10:29

Muchas gracias ya pude arreglarlo !!