[SOLUCIONADO] Como obtener dato de un a cuando hay click?

diegoug · #1 (**permalink**) 18/03/2013, 13:01

Si tengo muchos (a) con el mismo id <a id="quiero">Obtener este dato</a> como lo haría para 'Obtener este dato' del que se le hizo click con jquery?

emprear · #2 (**permalink**) 18/03/2013, 13:22

Si bien jQuery es muy permisivo al respecto, es un error utilizar el mismo id para referenciar distintos elementos, usá class en todo caso.

Lee este post y analizá el uso de this
http://www.forosdelweb.com/f179/acce...entes-1034845/
Saludos

maycolalvarez · #3 (**permalink**) 18/03/2013, 13:23

bueno, en principio no es bueno que todos tengan el mismo id, pero puesdes pasar this por parámetro a la función

<a id="quiero" onclick="mifuncion(this);">

this es el objeto en cuestión, por lo cual si quieres el href sería: this.href

diegoug · #4 (**permalink**) 18/03/2013, 13:40

Bueno, voy a explicar mejor el tema, porque me estoy acercando pero no se como hacer:

Lo que sucede es que tengo un archivo.js que tiene que hacer una acción apenas se haga click, este no tiene variables globales si no que son privadas por lo mismo que esta en un (document).ready y tengo que usar variables que estan hay, entonces lo que quiero es poder realizar una acción diferente cuando hace click en un a diferente, yo pensaba llegar al a mediante un id único desde este archivo.js cuando hay click:

Código:

    $('#quiero').on('click', function (){
        //  y aqui hacer la operacion para es a especifica
    });

<a id="quiero">al hacer click aqui 1</a>
<a id="quiero">al hacer click aqui 2</a>
<a id="quiero">al hacer click aqui 3</a>

soy nuevo trabajando por mi propia cuanta jquery, les agradezco.

emprear · #5 (**permalink**) 18/03/2013, 14:05

Cita:

Iniciado por diegoug

Bueno, voy a explicar mejor el tema, porque me estoy acercando pero no se como hacer:

Lo que sucede es que tengo un archivo.js que tiene que hacer una acción apenas se haga click, este no tiene variables globales si no que son privadas por lo mismo que esta en un (document).ready y tengo que usar variables que estan hay, entonces lo que quiero es poder realizar una acción diferente cuando hace click en un a diferente, yo pensaba llegar al a mediante un id único desde este archivo.js cuando hay click:

Código:

    $('#quiero').on('click', function (){
        //  y aqui hacer la operacion para es a especifica
    });

<a id="quiero">al hacer click aqui 1</a>
<a id="quiero">al hacer click aqui 2</a>
<a id="quiero">al hacer click aqui 3</a>

soy nuevo trabajando por mi propia cuanta jquery, les agradezco.

justamente como sos nuevo, analizando las sugerencias que se te indican.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
 
    $('a.uno').click( function (){
        var valor = $(this).attr('href');
        alert(valor);
    });
 
});
//]]>
</script>
</head>
<body>
    <p>
   <a class="uno" href="#a">A</a><br />
   <a class="uno" href="#b">B</a><br />
   <a href="#a">C</a><br />
    </p>
</body>
</html>

diegoug · #6 (**permalink**) 18/03/2013, 15:56

Funciono tal cual, muchas gracias,adicional le agregue

Código:

valor.replace('#','');

quedando como el dato original.

Saludos

Cita:

Iniciado por emprear

justamente como sos nuevo, analizando las sugerencias que se te indican.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
 
    $('a.uno').click( function (){
        var valor = $(this).attr('href');
        alert(valor);
    });
 
});
//]]>
</script>
</head>
<body>
    <p>
   <a class="uno" href="#a">A</a><br />
   <a class="uno" href="#b">B</a><br />
   <a href="#a">C</a><br />
    </p>
</body>
</html>

caricatos · #7 (**permalink**) 18/03/2013, 17:06

Hola:

Poner href="#a", indica un enlace a un ancla con nombre a (<a name="a"...) o a un elemento con id="a"... y no veo que el código tenga esas características...

mal, mal, mal...

Otro vicio por usar librerías... ¡y van...!

Saludos

diegoug · #8 (**permalink**) 18/03/2013, 17:11

Buenas, buenas,

lo que pasa es que nesecito hacer el evento onclick hacia un texto que funciona como un link, si bien es verdad que no tengo el # dentro de un contexto como tal texto, si esta la nesecidad de hacerlo así por esa propiedad link, que recomiendas? si quiero quitar el #dato de la url.

Cita:

Iniciado por caricatos

Hola:

Poner href="#a", indica un enlace a un ancla con nombre a (<a name="a"...) o a un elemento con id="a"... y no veo que el código tenga esas características...

mal, mal, mal...

Otro vicio por usar librerías... ¡y van...!

Saludos

emprear · #9 (**permalink**) 18/03/2013, 17:21

Cita:

Iniciado por caricatos

Hola:

Poner href="#a", indica un enlace a un ancla con nombre a (<a name="a"...) o a un elemento con id="a"... y no veo que el código tenga esas características...

mal, mal, mal...

Otro vicio por usar librerías... ¡y van...!

Saludos

Si ya está usando jQuery, es su criterio , no el mío, y el #a, creo que se sobreentiende que es tan solo un ejemplo de como recuperar el atributo

diegoug · #10 (**permalink**) 18/03/2013, 17:25

claro que es un ejemplo y me funciono, pero si tiene el detalle de que me coloca #dato y eso me gustaría quitarlo, ademas que ese ejemplo dejo de serlo cuando lo uso para un proyecto funcional, entonces la eficiencia y el estándar serian útiles, no es pensando en molestar, es solo para mejorar el resultado.

Gracias de todos modos

Cita:

Iniciado por emprear

Si ya está usando jQuery, es su criterio , no el mío, y el #a, creo que se sobreentiende que es tan solo un ejemplo de como recuperar el atributo

emprear · #11 (**permalink**) 18/03/2013, 17:35

Esto ya raya en lo ridículo, querías un ejemplo de como identificar un elemento al que se le hace click con jQuery, y eso es lo que hice. ¿Que es lo que se pretende, que uno adivine todas las posibilidades de uso de un método y se desarrollen todas las variantes posibles?