Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Como tomar el rel de un hipervinculo con jquery?

Estas en el tema de Como tomar el rel de un hipervinculo con jquery? en el foro de Jquery en Foros del Web. Hola gente, Tengo el siguiente enlace: Código HTML: <a onclick= "openInfo();" rel= "ICHUMASH" href= "#" > ICHUMASH </a> Y el siguiente codigo jquery: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); ...
  #1 (permalink)  
Antiguo 05/01/2014, 15:44
Avatar de adryan310  
Fecha de Ingreso: septiembre-2012
Mensajes: 450
Antigüedad: 11 años, 7 meses
Puntos: 3
Pregunta Como tomar el rel de un hipervinculo con jquery?

Hola gente,

Tengo el siguiente enlace:
Código HTML:
<a onclick="openInfo();" rel="ICHUMASH" href="#">ICHUMASH</a> 
Y el siguiente codigo jquery:
Código Javascript:
Ver original
  1. function openInfo() {
  2.    var agent = $(this).attr('rel');
  3.    alert("rel: "+agent);
  4. }
Pero no entiendo por que motivo no me esta mandando en el alert el valor del atributo rel del hipervinculo que estoy haciendo click, alguna ayuda al respecto?
  #2 (permalink)  
Antiguo 05/01/2014, 17:06
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Como tomar el rel de un hipervinculo con jquery?

Porque no estás mandando el elemento a la función. Debería ser así:

Código HTML:
Ver original
  1. <a onclick="openInfo(this);" rel="ICHUMASH" href="#">ICHUMASH</a>

Código Javascript:
Ver original
  1. function openInfo(enlace) {
  2.    var agent = $(enlace).attr('rel');
  3.    alert("rel: "+agent);
  4. }

Aunque con los métodos de jQuery, esto puede ser más sencillo:

Código HTML:
Ver original
  1. <a rel="ICHUMASH" href="#">ICHUMASH</a>

Código Javascript:
Ver original
  1. $("a").click(function(){
  2.   var agent = $(this).prop("rel");
  3.   alert(agent);
  4. });

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 06/01/2014, 10:27
Avatar de adryan310  
Fecha de Ingreso: septiembre-2012
Mensajes: 450
Antigüedad: 11 años, 7 meses
Puntos: 3
De acuerdo Respuesta: Como tomar el rel de un hipervinculo con jquery?

Gracias amigo me funciono muy bien
  #4 (permalink)  
Antiguo 22/05/2015, 22:25
Avatar de Drknow  
Fecha de Ingreso: febrero-2008
Mensajes: 121
Antigüedad: 16 años, 2 meses
Puntos: 1
Respuesta: Como tomar el rel de un hipervinculo con jquery?

Cita:
Iniciado por Alexis88 Ver Mensaje
Porque no estás mandando el elemento a la función. Debería ser así:

Código HTML:
Ver original
  1. <a onclick="openInfo(this);" rel="ICHUMASH" href="#">ICHUMASH</a>

Código Javascript:
Ver original
  1. function openInfo(enlace) {
  2.    var agent = $(enlace).attr('rel');
  3.    alert("rel: "+agent);
  4. }

Aunque con los métodos de jQuery, esto puede ser más sencillo:

Código HTML:
Ver original
  1. <a rel="ICHUMASH" href="#">ICHUMASH</a>

Código Javascript:
Ver original
  1. $("a").click(function(){
  2.   var agent = $(this).prop("rel");
  3.   alert(agent);
  4. });

Saludos
Hola y como puedo hacer para obtener el valor de rel en una lista como por ejemplo.

<a onclick="openInfo(this);" rel="ICHUMASH" href="#">ICHUMASH</a>
<a onclick="openInfo(this);" rel="ICHU" href="#">ICHU</a>
<a onclick="openInfo(this);" rel="MASH" href="#">MASH</a>

Etiquetas: hipervinculo, tomar
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 11:27.